Animations¶
Skeletonic CSS library provides ready-to-use, cross-browser transitions, transformations, and animations utilities.
Installation and usage¶
You will need to import skeletonic-animations.css to display the transitions and animations.
The CSS animations are based/inspired by Animate.css (Another thing from Daniel Eden).
Animation styles¶
Skeletonic CSS allow you to easily create flexible UI transitions and animations.
Here’s the list of all the CSS Animations and Transitions:
Name | Description |
---|---|
bounce | Make an element to bounce up and down. |
chameleon | Make a text or background color to loop through an array of colors. |
fade | Make an element to come gradually into or out of view. |
blink | Make an element to flash. |
pop | Make an element to pop into or out view. |
pulsate | Make an element to pulsate. |
spin | Make an element to spin in place. |
shake | Make an element to move from side to side. |
vanish | Make an element to gradually disappear. |
wobble | Make an element to move unsteadily from side to side. |
zoom | Make an element to zoom into or out view |