CSS effects

22 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

3 effects: Gradient Wave, Typewriter, Heartbeat

Modern CSS Clip-path Effects

2 effects: Wave Animation, Star Rotate

Modern CSS Filter Effects

3 effects: Blur Focus, Multiple Filters, Duotone Effect

Modern CSS Transform Effects

3 effects: Skew Parallax, Matrix Transform, Rotate 3D

Modern CSS Transitions

2 effects: Morphing Gradient, Elastic Scale

Modern CSS Gradient Effects

3 effects: Mesh Gradient, Moving Stripes, Iridescent

Modern Shadow Effects

3 effects: Glassmorphism, Layered Shadows, Neon Text

Advanced Animated Backgrounds

3 effects: Particles, Scrolling, Glitch