Nice tip for designers… But how to do this with code ?
Thomas Pascaud
164

With CSS, you could do something similar— applying the shadow to the button using “pseudo elements” ::before or ::after.

But it’s even easier to apply the shadow to ONE SIDE of the box, like below:

In that solution, I used the following CSS:

.effect1{
-webkit-box-shadow: 0 60px 60px -26px rgba(119, 119, 119, .7);
-moz-box-shadow: 0 60px 60px -26px rgba(119, 119, 119, .7);
box-shadow: 0 60px 60px -26px rgba(119, 119, 119, .7);
}