My Development Notes


A box-shadow template to use anywhere inside your CSS project


Here’s a box-shadow template which you can use in any of your CSS projects :

box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);

So, the order is just this :

offsetX offsetY blurRadius color

Here’s another more complex one with double box shadows which stacks layer on layer to make it look deeper :

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

Try and edit these to experiment anywhere you want on your project.


Leave a Reply

Your email address will not be published. Required fields are marked *