Create Super Awesome Buttons using CSS3 and RGBA
Posted on July 25, 2009, 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.

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.
![]() |
|
- July 25, 2009
- article by Gabriel C.
- 1 comment
Related Posts
-
Create pretty CSS3 scaleable buttonsat January 31, 2010
-
IE 5-8 CSS3 pseudo-class selector emulation: ie-css3.jsat January 29, 2010
-
Enhance your Website Design with Sexy Buttons: Simply-Buttons v2at November 19, 2009 with 1 comment
-
CSS3 Decorations for Internet Explorer 6-8: CSS3 Pieat February 8, 2011 with 11 comments
-
Stylish GMail-like buttons: JQuery styledButton Pluginat January 28, 2010



One Reply to "Create Super Awesome Buttons using CSS3 and RGBA"
October 15, 2010 at 5:29 AM
Yeah, Zurb people are greatly talented. I really love their stuff. Thanks for sharing.