CSS effects

20 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: Multi-Layer Spinner, Particle Float

Modern CSS Clip-path Effects

2 effects: Star Rotate, SVG Path (Heart)

Modern CSS Filter Effects

3 effects: Grayscale to Color, Brightness & Contrast, Neon Glow

Modern CSS Transform Effects

3 effects: 3D Rotating Cube, Perspective Text, Matrix Transform

Modern CSS Transitions

2 effects: Magnetic Hover, Elastic Scale

Modern CSS Gradient Effects

3 effects: Animated Border, Moving Stripes, Iridescent

Modern Shadow Effects

2 effects: Neon Glow, Colored Shadows

Advanced Animated Backgrounds

3 effects: Wave/Blob, Shapes, Parallax