BoxShadow property in CSS

BoxShadow property in CSS

ยท

1 min read

In this blog, we are going to learn a CSS property called BoxShadow, so let's get started.

First of all, let's go through the syntax of this property. Alt Text BoxShadow without blur filter
image As you can see in the picture there is a black shadow applied to our div but it still does not look good, so to make it look cool, we have to apply blur on it.

BoxShadow with blur filter
image

Now it looks cool, doesn't it??

CODE:


Now it's seen some more examples of Boxshadow Property. Box-Shadow-2

Box-Shadow-3

Box-Shadow-4

Box-Shadow-5

Box-Shadow-6 This effect is also known as Neomorphism and you can use this effect for buttons, for Nav-bar, Card etc. in your website.

Box-Shadow-7


Hope you like this blog, plz do like this blog and follow me for more tech blog in future ๐Ÿ˜ƒ.

##Next Blog Topic:## Best VS CODE extensions for beginners.

ย