Reader
  • Home
  • About
  • Deals
  • Services
  • Contact

Create Super Awesome Buttons using CSS3 and RGBA

Last updated on December 30th, 2009 by Gabriel Livan

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.

  • Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
  • Demo: http://www.zurb.com/blog_uploads/0000/0485/buttons-02.html

Filed Under: HTML & CSS

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2026 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact