Skip to content

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