Using the CSS Box-Shadow and CSS Filter Drop Shadow

Written by CSS Tutorials, Web Development

Sharing is caring!

So we, as developers and designers overuse the box-shadow around our divs, they provide a subtle effect which works well. In this video I show a use for both the CSS Box-Shadow and also the CSS Filter of Drop-Shadow and why each one would be used.

To create a box-shadow in CSS you simply do.

box-shadow:0 0 30px #ccc;

And to create the CSS filter drop-shadow you do the following.

filter:drop-shadow(0 0 30px #ccc);

Of course for both methods, you can change the values and colours to get the desired shadow you’re looking for.

Thanks for reading, if you found the video useful and want to get notified on future CSS tutorials, feel free subscribe to my channel to get notified on any future video releases.

You can view the Code pen here https://codepen.io/Nathe/pen/LYNMjNd

(Visited 32 times, 1 visits today)
shares