Are you first timer at lazacode.org? Why not join us and start exchange your programming knowledge with everyone. Register today!

CSS - box-shadow top bottom or full

0 votes
94 views
added Aug 8, 2017 in CSS by Grimloxx Second Warrant Officer (3,370 points)
edited Nov 13 by LC Marshal
/*box-shadow bottom only*/
box-shadow: 0 4px 2px -2px #eee;

box-shadow: 0 4px 11px -5px #bfbfbf;

 

4 Responses

0 votes
responded Jun 1, 2018 by LC Marshal Captain (25,420 points)
edited Aug 17, 2018 by LC Marshal
/*1px = horizontal adjustment*/
/*2px = vertical adjustment*/
/*3px = blur setting */
/*4px = radius spread*/
box-shadow: 1px 2px 3px 4px rgba(209,209,209,1);
0 votes
responded Mar 27 by LC Marshal Captain (25,420 points)

full box-shadow

box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19);

 

0 votes
responded Mar 27 by LC Marshal Captain (25,420 points)

Top box-shadow

box-shadow: 0px -4px 5px #eee;

 

0 votes
responded Jun 19 by LC Marshal Captain (25,420 points)
box-shadow: 0 2px 4px 0 rgba(0,0,0,.14), 0 3px 4px 0 rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...