CSS3 Buttons – Classic buttons & Extended With Iconic

Mufti Ali — Thu, 23 Sep 2010 03:33:24 +0000

This is a collection of CSS3 buttons that show what is possible using CSS3 and other advanced techniques. It’s come with two style, Classic buttons and Extended button with Iconic. Classic buttons is the original set of buttons, showing a variety of CSS3 styles in different combinations. Study the code, then adjust to fit the context of where it’s used.

Extended with Iconic buttons is the set that extends the functionality of the classic button set using icons embedded via @font-face. It’s using P.J. Onori’s free icon set, Iconic. These buttons look best in Chrome and Safari (especially on OSX). They look almost as good in Firefox, with all other browsers falling back to a less-styled button. If you use these buttons in the wild, drop me a note and let me know.The latest code is located at: http://github.com/ubuwaits/css3-buttons.

Requirements: -
Demo: http://ubuwaits.github.com/css3-buttons
License: MIT License

Incoming search terms for the article:

What CSS3 Can Do For You: Streamlining Buttons and Imagery Transitions

Mufti Ali — Tue, 15 Jun 2010 23:02:46 +0000

We figure out ways to start rolling out new techniques so we don’t have to wait. CSS3 is the third level of CSS to be created, and isn’t compatible with all browsers or officially launched quite yet. With that being said, there are some great techniques you can start using today to get yourself familiar with.

blogfreakz.com » css3 button

CSS3 Buttons – Classic buttons & Extended With Iconic

Incoming search terms for the article:

What CSS3 Can Do For You: Streamlining Buttons and Imagery Transitions