Alan Houser
Jul 26, 2017 · 1 min read

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);
}