Sarcastic cake
gkShift
Sarcastic cake
✖ The box shadow confuzles me
Help? box-shadow: <inset> <x-offset> <y-offset> <blur> <spread> <color>;✖
Box Shadow may look confusing at first but its pretty easy.
inset is optional, just like in Photoshop (or any other image editor) when you want a colored border added to something you have the option of "inset" which means the border spreads from the edge toward the inside of the image. Its pretty much the same concept here. Inset just means that you have a box that fills inward. x-offset and y-offset determine their position from the original image / text you apply it to. Similar to the ability to use drop-shadow in Photoshop. blur allows you to set the size of the blur for the 'shadow'. Spread allows you to set the size of the shadow itself. color is the color of the shadow.
✖ Yea, but I dunno how to put it in?
like you take out these: < >: but where do you the px? I tried and didnt work
I did something like this : box-shadow: inset px2 x-offset px2 y-offset px3 blur px4 spread px2 color:white ✖
box-shadow: inset 2px 2px 3px 4px 2px white;
Don't worry about the spread so much though, I find it more useless.
Let me clarify. The browser reads the list in order, excluding inset and color, those can be placed anywhere. It reads the x-offset, y-offset, blur, and spread in that order