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