A Horrible Abuse of Gradients in the Name of Fancy Buttons

Here’s a demo¬†of a button style I’ve been playing with lately.

I could perhaps be done in an easier way, but I’m using four CSS gradients in the background to simulate four bevelled corners.

This method definitely has its downsides (doesn’t really support transitions and is a bit jaggy in chrome) it could be useful for certain styles.

Advertisements