Skip to content

esundahl/animations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Animations

A collection of css3 animation components taken from the animate.css library

Installation

esundahl/animations - Combination of all animations

$ component install esundahl/animations

or install any of the collections or animations from the list below.

Usage

All animations require a base class of .animated followed by the class of the animation that you want to invoke. For example in order to invoke the flash animation on an element you would do the following

<div class='animated fade'>Content to be animated</div>

Collections

esundahl/attentions-seekers - Attention seeking animations

$ component install esundahl/attentions-seekers

esundahl/bouncing-entrances - Bouncing entrance animations

$ component install esundahl/bouncing-entrances

esundahl/bouncing-exits - Bouncing exit animations

$ component install esundahl/bouncing-exits

esundahl/fading-entrances - Fading entrance animations

$ component install esundahl/fading-entrances

esundahl/fading-exits - Fading exit animations

$ component install esundahl/fading-exits

esundahl/flippers - Flipper Animations

$ component install esundahl/flippers

esundahl/light-speed - Light speed animations

$ component install esundahl/light-speed

esundahl/rotating-entrances - Rotating entrance animations

$ component install esundahl/rotating-entrances

esundahl/rotating-exits - Rotating exit animations

$ component install esundahl/rotating-exits

esundahl/specials - Special animations

$ component install esundahl/specials

Individual Animations

esundahl/bounce - Bounce animation

$ component install esundahl/bounce

esundahl/flash - Flash animation

$ component install esundahl/flash

esundahl/pulse - Pulse animation

$ component install esundahl/

esundahl/shake - Shake animation

$ component install esundahl/

esundahl/swing - Swing animation

$ component install esundahl/

esundahl/tada - Tada animation

$ component install esundahl/

esundahl/wiggle - Wiggle animation

$ component install esundahl/

esundahl/wobble - Wobble animation

$ component install esundahl/

esundahl/bounce-in - Bounce-in animation

$ component install esundahl/

esundahl/bounce-in-down - Bounce-in-down animation

$ component install esundahl/

esundahl/bounce-in-left - Bounce-in-left animation

$ component install esundahl/

esundahl/bounce-in-right - Bounce-in-right animation

$ component install esundahl/

esundahl/bounce-in-up - Bounce-in-up animation

$ component install esundahl/

esundahl/bounce-out - Bounce-out animation

$ component install esundahl/

esundahl/bounce-out-down - Bounce-out-down animation

$ component install esundahl/

esundahl/bounce-out-left - Bounce-out-left animation

$ component install esundahl/

esundahl/bounce-out-right - Bounce-out-right animation

$ component install esundahl/

esundahl/bounce-out-up - Bounce-out-up animation

$ component install esundahl/

esundahl/fade-in - Fade-in animation

$ component install esundahl/

esundahl/fade-in-down - Fade-in-dowm animation

$ component install esundahl/

esundahl/fade-in-down-big - Fade-in-down-big animation

$ component install esundahl/

esundahl/fade-in-left - Fade-in-left animation

$ component install esundahl/

esundahl/fade-in-left-big - Fade-in-left-big animation

$ component install esundahl/

esundahl/fade-in-right - Fade-in-right animation

$ component install esundahl/

esundahl/fade-in-right-big - Fade-in-right-big animation

$ component install esundahl/

esundahl/fade-in-up - Fade-in-up animation

$ component install esundahl/

esundahl/fade-in-up-big - Fade-in-up-big animation

$ component install esundahl/

esundahl/fade-out - Fade-out animation

$ component install esundahl/

esundahl/fade-out-down - Fade-out-down animation

$ component install esundahl/

esundahl/fade-out-down-big - Fade-out-down-big animation

$ component install esundahl/

esundahl/fade-out-left - Fade-out-left animation

$ component install esundahl/

esundahl/fade-out-left-big - Fade-out-left-big animation

$ component install esundahl/

esundahl/fade-out-right - Fade-out-right animation

$ component install esundahl/

esundahl/fade-out-right-big - Fade-out-right-big animation

$ component install esundahl/

esundahl/fade-out-up - Fade-out-up animation

$ component install esundahl/

esundahl/fade-out-up-big - Fade-out-up-big animation

$ component install esundahl/

esundahl/flip - Flip animation

$ component install esundahl/

esundahl/flip-in-x - Flip-in-x animation

$ component install esundahl/

esundahl/flip-in-y - Flip-in-y animation

$ component install esundahl/

esundahl/flip-out-x - Flip-out-x animation

$ component install esundahl/

esundahl/flip-out-y - Flip-out-y animation

$ component install esundahl/

esundahl/light-speed-in - Light-speed-in animation

$ component install esundahl/

esundahl/light-speed-out - Light-speed-out animation

$ component install esundahl/

esundahl/rotate-in - Rotate-in animation

$ component install esundahl/

esundahl/rotate-in-down-left - Rotate-in-down-left animation

$ component install esundahl/

esundahl/rotate-in-down-right - Rotate-in-down-right animation

$ component install esundahl/

esundahl/rotate-in-up-left - Rotate-in-up-left animation

$ component install esundahl/

esundahl/rotate-in-up-right - Rotate-in-up-right animation

$ component install esundahl/

esundahl/rotate-out - Rotate-out animation

$ component install esundahl/

esundahl/rotate-out-down-left - Rotate-out-down-left animation

$ component install esundahl/

esundahl/rotate-out-down-right - Rotate-out-down-right animation

$ component install esundahl/

esundahl/rotate-out-up-left - Rotate-out-up-left animation

$ component install esundahl/

esundahl/rotate-out-up-right - Rotate-out-up-right animation

$ component install esundahl/

esundahl/hinge - Hinge animation

$ component install esundahl/hinge

esundahl/roll-in - Roll-in animation

$ component install esundahl/roll-in

esundahl/roll-out - Roll-out animation

$ component install esundahl/roll-out

License

MIT

About

A collection of CSS3 animation components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published