Cherry
@CherryFlight
Fri, Feb 1, 2019 11:00 PM
[plurk]quick css question guys, I want to add a drop shadow to my plurks, can I do this and how?
E.S. Levi
@firebenderjess
Fri, Feb 1, 2019 11:02 PM
I know CSS does drop shadows, but I don't remember how.
Horny on Main
@manikins
Fri, Feb 1, 2019 11:15 PM
You mean like the box or?
Cherry
@CherryFlight
Fri, Feb 1, 2019 11:22 PM
Yes! And the replies if possible, for consistency. I know they’re two different objects
Horny on Main
@manikins
Fri, Feb 1, 2019 11:38 PM
K lemme pull out the dev tool
Horny on Main
@manikins
Fri, Feb 1, 2019 11:55 PM
Okay I think I figured out
Horny on Main
@manikins
Fri, Feb 1, 2019 11:55 PM
add this CSS
Horny on Main
@manikins
Fri, Feb 1, 2019 11:56 PM
.plurk_cnt {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .5);
}
Horny on Main
@manikins
Fri, Feb 1, 2019 11:57 PM
You can play with the values, let me get the key
Horny on Main
@manikins
Fri, Feb 1, 2019 11:57 PM
box-shadow: h-offset v-offset blur spread color;
Horny on Main
@manikins
Fri, Feb 1, 2019 11:58 PM
rgba is (red, green, blue, alpha)
Horny on Main
@manikins
Fri, Feb 1, 2019 11:59 PM
for alpha, 0 is 0% visible and 1 is 100% visible
Horny on Main
@manikins
Fri, Feb 1, 2019 11:59 PM
0.5 is 50% visible
Horny on Main
@manikins
Fri, Feb 1, 2019 11:59 PM
you can just put .5
Cherry
@CherryFlight
Sat, Feb 2, 2019 12:56 AM
Thank you so much Nyx! I’ll put it in when I get back on desktop plurk :-D
Cherry
@CherryFlight
Sat, Feb 2, 2019 9:59 AM
Oh wow, it's exactly what I hoped for!
Cherry
@CherryFlight
Sat, Feb 2, 2019 10:00 AM
Thanks again! I have...zero knowledge of anything like this so holy shit, so appreciated
Horny on Main
@manikins
Sat, Feb 2, 2019 4:22 PM
My pleasure! I love CSS :-D
載入新的回覆