CODEWITHSUNDEEP
css
Marko Vasic
Marko Vasic

Reputation: 690

Box-shadow only on div corners

I have a problem with box-shadow. I need to have shadow only on bottom corners of div as on this image. Deos anyone know how to do that? Thanks in advance for your help. enter image description here

Upvotes: 5

Views: 4549

Answers (2)

cowcowmoomoo
cowcowmoomoo

Reputation: 507

You should use the :before and :after pseudo-css selectors.

There's a good description and tutorial of the process here: CSS Drop-shadows

Demo of the effects here: Demo page

If you're using SASS / SCSS head over here to grab a mixin to automatically generate the effect for you.

Upvotes: 2

Dipesh Parmar
Dipesh Parmar

Reputation: 27364

i am sharing working link to the example.

You can do this using css3.

WORKING DEMO

Upvotes: 4

Related Questions