Quick Guide To CSS Box Shadow
What is a box shadow?
Box Shadow is a CSS property adds shadow effects around an element's frame. There's two types of box shadows: Outer Shadow which is the default and Inner Shadow.
Using box shadow you can point your website visitors attention to what matters the most.
Outer Box Shadow
/*box-shadow: Horizontal Vertical Blur Spread Color;*/ box-shadow: 10px 10px 0 0 black;
Inner Box Shadow
/*box-shadow: inset Horizontal Vertical Blur Spread Color;*/ box-shadow: inset 10px 10px 0 0 black;
CSS Box Shadow Generator
Why is this tool useful?
Creating box shadows will take you a long time if you're doing it by updating the code every time you want to make a change especially if you're creating multiple layers.
This is where this tool comes into place, it enables you to create box shadows easier and faster.
About this tool
Box Shadow Generator is a free tool for creating box shadows and easily copy-paste the generated CSS code to your project.