All geek questions in one place

Box shadow only on div corners

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

+4
source share
2 answers

I am using a working link to an example.

You can do this using css3 .

WORKING DEMO

+3
source

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

There's a good description and guide to this process here: CSS Drop Shadows

Demonstration of effects here: Demo page

If you use SASS / SCSS over here to capture mixin to automatically generate an effect for you.

+2
source

Source: https://habr.com/ru/post/1497754/

More articles:


All Articles