Animations
Our selection of animations to enhance your designs.
Click and hold to play.
Click and hold to play.
Fade In
--o-animation-fade-in
o-fade-in
o-fade-in-hover
o-fade-in-active
Fade Out
--o-animation-fade-out
o-fade-out
o-fade-out-hover
o-fade-out-active
Scale Up
--o-animation-scale-up
o-scale-up
o-scale-up-hover
o-scale-up-active
Scale Down
--o-animation-scale-down
o-scale-down
o-scale-down-hover
o-scale-down-active
Slide Out Up
--o-animation-slide-out-up
o-slide-out-up
o-slide-out-up-hover
o-slide-out-up-active
Slide Out Down
--o-animation-slide-out-down
o-slide-out-down
o-slide-out-down-hover
o-slide-out-down-active
Slide Out Right
--o-animation-slide-out-right
o-slide-out-right
o-slide-out-right-hover
o-slide-out-right-active
Slide Out Left
--o-animation-slide-out-left
o-slide-out-left
o-slide-out-left-hover
o-slide-out-left-active
Slide In Up
--o-animation-slide-in-up
o-slide-in-up
o-slide-out-in-hover
o-slide-out-in-active
Slide In Down
--o-animation-slide-in-down
o-slide-in-down
o-slide-in-down-hover
o-slide-in-down-active
Slide In Right
--o-animation-slide-in-right
o-slide-in-right
o-slide-in-right-hover
o-slide-in-right-active
Slide in Left
--o-animation-slide-in-left
o-slide-in-left
o-slide-in-left-hover
o-slide-in-left-active
Spin
--o-animation-spin
o-spin
o-spin-hover
o-spin-active
Ping
--o-animation-ping
o-ping
o-ping-hover
o-ping-active
Blink
--o-animation-blink
o-blink
o-blink-hover
o-blink-active
Float
--o-animation-float
o-float
o-float-hover
o-float-active
Bounce
--o-animation-bounce
o-bounce
o-bounce-hover
o-bounce-active
Pulse
--o-animation-pulse
o-pulse
o-pulse-hover
o-pulse-active
Shake X
--o-animation-shake-x
o-shake-x
o-shake-x-hover
o-shake-x-active
Shake Y
--o-animation-shake-y
o-shake-y
o-shake-y-hover
o-shake-y-active