Animation component

Animations

The Flagstone theme ships with an animation library that is easy to apply, and can be added to almost any element on your site. Animations are added via classes to your markup, no complicated Javascript files to adjust.

Bouncing

Bounce in
Bounce in
Bounce in
Bounce in down
Bounce in down
Bounce in down
Bounce in right
Bounce in right
Bounce in right
Bounce in up
Bounce in up
Bounce in up
Bounce in left
Bounce in left
Bounce in left

Fading (Short)

Fade in down short
Fade in down short
Fade in down short
Fade in up short
Fade in up short
Fade in up short
Fade in left short
Fade in left short
Fade in left short
Fade in right short
Fade in right short
Fade in right short

Fading (Regular)

Fade in down
Fade in down
Fade in down
Fade in up
Fade in up
Fade in up
Fade in left
Fade in left
Fade in left
Fade in right
Fade in right
Fade in right
Fade in
Fade in
Fade in

Growing & Shaking

Grow in
Grow in
Grow in
Shake
Shake
Shake
Shake up
Shake up
Shake up

Rotating

Rotate in
Rotate in
Rotate in
Rotate in up left
Rotate in up left
Rotate in up left
Rotate in up right
Rotate in up right
Rotate in up right
Roate in down right
Roate in down right
Roate in down right
Rotate in down left
Rotate in down left
Rotate in down left
Roate in down right
Roate in down right
Roate in down right

Rolling, wiggling & swinging

Roll in
Roll in
Roll in
Wiggle
Wiggle
Wiggle
Swing
Swing
Swing
Tada
Tada
Tada
Wobble
Wobble
Wobble
Pulse
Pulse
Pulse

Light speed

Light speed in right
Light speed in right
Light speed in right
Light speed in left
Light speed in left
Light speed in left

Flipping

Flip
Flip
Flip
Flip in X
Flip in X
Flip in X
Flip in Y
Flip in Y
Flip in Y