CSS effects

21 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: Particle Float, Glitch Text

Modern CSS Clip-path Effects

3 effects: Wave Animation, Star Rotate, Inset Expand

Modern CSS Filter Effects

3 effects: Blur Focus, Hue Rotation, Invert Colors

Modern CSS Transform Effects

3 effects: 3D Card Tilt, Matrix Transform, Transform Chain

Modern CSS Transitions

3 effects: Neon Fill Button, Split Text Fill, Elastic Scale

Modern CSS Gradient Effects

2 effects: Mesh Gradient, Gradient Text

Modern Shadow Effects

3 effects: Glassmorphism, Colored Shadows, Neon Text

Advanced Animated Backgrounds

2 effects: Particles, Parallax