Up
1 sec
Up
2 sec
Up
3 sec
Up
4 sec
Down
1 sec
Down
2 sec
Down
3 sec
Down
4 sec
Left
1 sec
Left
2 sec
Left
3 sec
Left
4 sec
Right
1 sec
Right
2 sec
Right
3 sec
Right
4 sec
Scale In
1 sec
Scale In
2 sec
Scale In
3 sec
Scale In
4 sec

lines slide up

words slide up

words rotate in

words slide from right

scrub each word

letters slide up

letters slide down

letters fade in

letters fade in random

Text Stagger
Text Stagger
Stagger Collection
Stagger Collection
Stagger Collection
Stagger Collection
Stagger Collection
Stagger Collection
Stagger Collection
Stagger Collection

css only animations

Build lightweight, performant load animations using only css

Functional Data Attributes

Stagger
Attribute Name:
data-stagger-list
Hover Pause
Attribute Name:
data-hover-pause
Amazing CSS-Only Animations for the Win
Amazing CSS-Only Animations for the Win
Amazing CSS-Only Animations for the Win
Hover Play
Attribute Name:
data-hover-play

Class Animations

Slide Up
Class:
slideup
Scale Up
Class:
scaleup
Marquee
Class:
loop-move-left
Amazing CSS-Only Animations for the Win
Amazing CSS-Only Animations for the Win
Amazing CSS-Only Animations for the Win
Spin
Class:
loop-spin