CSS effects

19 modern CSS effects chosen for this template. Each one is a single class (fx-NAME) in assets/css/effects.css: pure CSS, no JavaScript, works in Chrome, Edge, Firefox, Safari and Opera and respects reduced-motion settings.

Modern CSS Animations

2 effects: Typewriter, Shimmer Skeleton

Modern CSS Clip-path Effects

3 effects: Hexagon Scale, Star Rotate, Slide Reveal

Modern CSS Filter Effects

2 effects: Blur Focus, Glitch Filter

Modern CSS Transform Effects

2 effects: Perspective Text, Scale & Rotate

Modern CSS Transitions

2 effects: Liquid Ripple, Magnetic Hover

Modern CSS Gradient Effects

3 effects: Animated Rainbow, Animated Border, Iridescent

Modern Shadow Effects

3 effects: Neumorphism, Layered Shadows, Fire Text

Advanced Animated Backgrounds

2 effects: Gradient, Wave/Blob