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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s