@BhekiAccion
Posted
hie, how do you master the shadows part, my boxes dont have a shadow and l kind of struggle with it every time l come across something that needs the shadows. l would appreciate it if you can drop a link to an in-depth lecture or something of that kind
@ehoda9
Posted
@BhekiAccion You do not need a deep explanation, it is very simple All you have to do is understand how to control the shadows
- {box-shadow: 0px 0px 0px 0px black;}
- {box-shadow: 1 2 3 4 5}
You have 5 things to understand
- -[1] move right [negative value to move left]
- -[2]move down[negative value to move up ]
- -[3]Shadow Blur
- -[4]shadow spread
- -[5] Here Your color [To Make it Smooth,Realstic you should low your color opacity]
that's all you need to know -you can multiple your shadow
example :
-
{box-shadow: 0px 0px 0px 0px black , 0px 0px 0px 0px white;}
-
{box-shadow: 0px 0px 0px 0px black , 0px 0px 0px 0px white, 0px 0px 0px 0px red;}
-
[ notice : use developer tool to control shadow easy live ]
if you don't understand anything :D
- take a look here:W3School Box-Shadow
@BhekiAccion
Posted
@ehoda9 Thank you, let me look it up on W3schools as well. l appreciate that.
l just looked it up and yeah you are great at explaining, thanks buddie, got it now.
