C S S 3 ADD-ONS

Animation On load the page

Smart animations for your project.
Text, icons and images!



kit_001

slip

kit_002

dangles

kit_003

slide up

kit_004

scale inverse

kit_005

beat

kit_006

Flipped

kit_007

rock

kit_008

scale

Animate images, text and icons with the same code!

No stacks required


scale


Slip


dangles


Flip


rock


glow


beat


pulse


fade


pinch


swap


bounce


spin


flipped


slide


slip

                                       
Fade
50/75/100/150/ 200/250 millisecond

                                         

Spin Extra Options
20°/ 30°/ 40°/ 45°/ 50°/ 60°/ 70°/ 80°/ 90° + 180°/ 360°

Animation On scroll the page

Cross-browser smart animations for your project.



Fade In




Fade In Down




Fade In Up




Slide In Up




Slide In Left




Slide In Right




Bounce




Bounce In Left




Bounce In Up




Tada




Light Speed In




Flip Horizontal



Scroll effects list
all classes


scrollfade repeat
scrollfadedown repeat
scrollfadeup repeat
scrollslideup repeat
scrollslideleft repeat
scrollsliderigh repeat
scrollbounce
scrollbounceleft
scrollbounceup
scrollbouncein
scrollspeedin
scrollflip
scrolltada
PLUS code (awesome font)
all major classes


fa-scale-inverse
fa-scale-inverse
fa-dangles
fa-rock
fa-slip
fa-beat
fa-beat-fast
fa-pulse
fa-pulse-loop
flip vertical-50 (50/100/150/200)
flip horizontal-50 (50/100/150/200)
fade in (100/150/200/250) fa-flip-horizontal-100 (100/150/200/250 )
fa-slide-up
fa-max-50 (50/75/100/125/150/200/225/250/275/300)
fa-silver
fa-silver-dark
fa-silver-light
fa-silver-light-inverse
Text only:
fa-glow-white
fa-glow-white-in
fa-glow-white-out
fa-glow-black
fa-glow-black-in
fa-glow-black-out