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

Effects

Hover

Scroll Animations

More To Come