Styling Button Links With CSS3
A fair while back I wrote a post on pressed button states using CSS, which was a tutorial on how to implement a pressed down button effect on custom styled links. In that post I used images to achieve the visual effect. Now that we have good CSS3 support, that method is really out of date. In this post I’ll show you how to achieve the same effect using CSS3, as well as how I’d go about styling the rest of the button.
Step 1: the button
We’ll assume you have a custom styled link that looks like a button. This is used for links outside of forms that you want to give weight to, for example: a signup link. There are different ways of doing this, including turning the inline link into a block, but let’s look at a simple solution that just uses padding…
Read more →Recent posts
See the Archives for more