DEV Community

Brandon Weaver
Brandon Weaver

Posted on

1 1

A Simple Trick for Creating 3D-Style Buttons with CSS

This week, I wanted to revisit CSS and focus a little more on styling than I usually would. During this time, I focused on button styles, and I worked on a few ideas I've had for a while now; there's one in particular which I think turned out really nice.

I used a couple of box shadows to create the illusion of a three-dimensional button, and I think that the result is great. The only downside is that the inset shadow needs to be manually set, rather than transparent/translucent to match the background of the container.

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up