Effects

Hover effects. Scroll animations. Reload or scroll page to see animations. Animations can be applied to text, images, sections, etc.

Hover

Hover Box Shadow
.f-hover-shadow
Hard Shadow
.f-hover-shadow-hard-accent
Hard Shadow Alt
.f-hover-shadow-hard-alt
Hard Shadow Dark
.f-hover-shadow-hard-dark
Hard Shadow Light
.f-hover-shadow-hard-light
Move Up
.f-hover-move-up
Move Down
.f-hover-move-down
Move Left
.f-hover-move-left
Move Right
.f-hover-move-right
Scale
.f-hover-scale
Scale Up
.f-hover-scale-up
Tilt Up
.f-hover-tilt-up
Tilt Down
.f-hover-tilt-down
Tilt Right
.f-hover-tilt-right
Tilt Left
.f-hover-tilt-left

Scroll Animations

Fade Up Fast
.f-anim-fadeup-fast
Fade Up Medium
.f-anim-fadeup-medium
Fade Up Slow
.f-anim-fadeup-slow
Fade Down Fast
.f-anim-fadedown-fast
Fade Down Medium
.f-anim-fadedown-medium
Fade Down Slow
.f-anim-fadedown-slow
Fade Right Fast
.f-anim-faderight-fast
Fade Right Medium
.f-anim-faderight-medium
Fade Right Slow
.f-anim-faderight-slow
Fade Left Fast
.f-anim-fadeleft-fast
Fade Left Medium
.f-anim-fadeleft-medium
Fade Left Slow
.f-anim-fadeleft-slow

More To Come

crossmenuchevron-right linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram