Member Panel

Creating a button using purely CSS3
July 24th, 2012 - No Comments »

 

Gone are the days of using images for buttons! These days most modern browsers have access to tools such as gradients, drop shadows and rounded corners allowing us to create neat buttons using purely CSS3 and today I’ll show you how.

Step 1: The HTML

…this is a simple anchor tag with an assigned class name of “button”.

Step 2: The CSS

I have labelled the CSS code in sections so you can clearly see what each part of the code does. Feel free to have a play around with it, change the colours or the radius on the corners for example.

Let me know if you run into any problems, enjoy!

Related posts:

 

 

Leave a Reply