Css cheatsheet > Box shadow

box shadow

Adds shadow to an element. It uses the following properties - inset (this property is optional and if left out the shadow will appear outside of the element), X axis shadow position, Y axis shadow position, blur value (set to 0 for no blur), spread (how big the shadow is going to appear), color of the shadow.

#css


                


<style> 
    .element{
        /* properties: inset(optional) x y blur spread color ;*/
        box-shadow: 2px 2px 4px 2px #CCC;
    }
</style>

copy