Motion CSS

documentation example download GitHub

Fade

fade-in
fade-out
fade-in-right
fade-in-left
fade-in-up
fade-in-down
fade-out-right
fade-out-left
fade-out-up
fade-out-down

Slide

slide-in-right
slide-in-left
slide-in-up
slide-in-down
slide-out-right
slide-out-left
slide-out-up
slide-out-down

Bounce

bounce-in
bounce-in-righ
bounce-in-left
bounce-in-up
bounce-in-down

Roll

roll-in-right
roll-in-left
roll-out-right
roll-out-left

Rotbo

rotbo-in-right
rotbo-in-left
rotbo-out-right
rotbo-out-left

Flip

flip
flip-in-x
flip-in-y
flip-out-x
flip-out-y

Rotate

rotate
rotate-in
rotate-out
rotate-in-x
rotate-out-x
rotate-in-y
rotate-out-y
rotate-in-3d
rotate-out-3d
rotate-in-scale
rotate-out-scale

Turn

turn-in-x
turn-out-x
turn-in-y
turn-out-y

Back (Scale+Slide)

back-in-right
back-out-right
back-in-left
back-out-left
back-in-up
back-out-up
back-in-down
back-out-down

Push

push-in-up
push-out-down
push-in-down
push-out-up
push-in-right
push-out-left
push-in-left
push-out-right

Clip

clip-x-in
clip-y-in
clip-xy-in
clip-x-out
clip-y-out
clip-xy-out

Else

fanfare
float
orbit
spiral
bounce
vibro
heartbeat
shake
puff
scale-in
scale-out
stretch
pulse
spin
spin-y
whirl
wabble

write to me on Email hartryfock@gmail.com

© Motion 2015 - 2016

created by Petr Pavlyuk
design by Tetiana Bilotil