Big Button Demo

Google Digg This!

This demo is actually pretty practical. It shows how you can help emphasize the action of a button by scaling it. In non-webkit browsers, it does nothing because we used scale instead of a transform on width/height. Button styling came from the excellent demos created by the Filament Group.

Slider Rotate Demo

Rotation: degrees

This shows how to attach a transform to the action of a slider. There's a .6 second transition built into the rotation of the box. Essentially, the slider callback invokes a CSS property change.

Animated Opacity Demo

This demo changes the opacity of the container on hover, and is animated at .5s. Fairly simple but dramatic effect.

More Stuff to Fill Your Brain Up

Check out some of my other work on CSS Animation

 

blaq design

Comments