Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

file 27 lines (16 sloc) 0.961 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
CSS Buttons - an example of the power of CSS (and LESS!)
===========

These buttons are quite interactive, and yet there's no JavaScript here!

- Moving your mouse into the "viewer" (black box) shows the button group.

- Moving your mouse over any button causes the entire group snap to 100%, and
  the hovered button highlights.

- Pressing any button changes it to a pressed state.

- Moving your mouse out of the "viewer" fades the buttons out on browsers that
  support CSS3 transitions (progressive enhancement).

All of this is only possible with smart selectors. These selectors would be
extremely tedious to write if it weren't for LESS <http://lesscss.org/>!

- Inheritance becomes a breeze.

- Sprite logic becomes centralized and easy to update in one place.

- You can change themes in a snap by just changing some constants.

Sweet! This is just a simple and unfinished demo, but I hope it inspires you!

- Aseem Kishore <https://github.com/aseemk>
Something went wrong with that request. Please try again.