checked.css

Tiny set of pure CSS animations that applies to :checked elements.

_{... THE POWER of Radiobox.css + Checkbox.css all in one}

Installation

Include the dist/css/checked.min.css in your html page

_{Include dist/css/boing/boing.min.css instead, if you want to use only the Yo animation, for example.}

Animations

Hey

Away

Inout

Rotate

Yo

Roll

Up

Down

Tv

Jump

Omg

Splash

Boing

Pump

Hooray

Ufo

Scatman

Vertigo

Flash

Return

Boom

Wheel

Focus

Tremolo

Usage

<input type="checkbox" class="checked-boing"/>
<input type="radio" class="checked-boing"/>

Browsers Support

Depending on:

<a href="http://caniuse.com/#feat=transforms2d" target="_blank">2D Transform</a>

Keyframes

Demo

Here

Mantainers

720kb

License

(MIT) read LICENSE.md