Create Super Awesome Buttons using CSS3 and RGBA

Posted on July 25, 2009, Filled under HTML & CSS,  Bookmark it

ZURB love CSS and began to use the new, yet to be released version (CSS3) in some of their projects. One of the favorite things about the new CSS version is the addition of RGBA, a color mode that adds alpha blending to your favorite CSS properties. ZURB kicked the tires on it a bit with their own projects and have found that it helps streamline their CSS, and makes scaling things like buttons very easy. The design company cooked up an example with some super awesome, scalable buttons.

super-awesome-buttons-all

With a little CSS3 magic, we’ve created a scalable set of buttons with nearly half the CSS it would have taken with hex colors. Give it a go in your next project and see how it can help add that extra polish you want without huge impact on your code.

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)