Box Shadow Generator | Pastel

Box Shadow Generator

The details are everything when it comes to getting a box shadow just right. Here are some simple and beautiful CSS box shadows.

box-shadow: -10px 17px 0px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: -10px 17px 0px 0px rgba(0,41,158,0.3);

-moz-box-shadow: -10px 17px 0px 0px rgba(0,41,158,0.3);

box-shadow: 0px 5px 5px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 5px 5px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 5px 5px 0px rgba(0,41,158,0.3);

box-shadow: 0px 15px 12px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 15px 12px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 15px 12px 0px rgba(0,41,158,0.3);

box-shadow: 0px 3px 78px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 3px 78px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 3px 78px 0px rgba(0,41,158,0.3);

box-shadow: 20px 40px 60px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 20px 40px 60px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 20px 40px 60px 0px rgba(0,41,158,0.3);

box-shadow: 0px 23px 60px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 23px 60px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 23px 60px 0px rgba(0,41,158,0.3);

box-shadow: 0px 20px 20px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 20px 20px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 20px 20px 0px rgba(0,41,158,0.3);

box-shadow: 0px 20px 34px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 20px 34px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 20px 34px 0px rgba(0,41,158,0.3);

box-shadow: 0px 9px 24px 0px rgba(0,41,158,0.3);

-webkit-box-shadow: 0px 9px 24px 0px rgba(0,41,158,0.3);

-moz-box-shadow: 0px 9px 24px 0px rgba(0,41,158,0.3);