CSS effects

23 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: Morphing Blob, Particle Float, Heartbeat

Modern CSS Clip-path Effects

3 effects: Polygon Morph, Star Rotate, SVG Path (Heart)

Modern CSS Filter Effects

3 effects: Grayscale to Color, Blur Focus, Saturation Boost

Modern CSS Transform Effects

2 effects: Perspective Text, Scale & Rotate

Modern CSS Transitions

3 effects: Neon Fill Button, Rainbow Glow, Elastic Scale

Modern CSS Gradient Effects

3 effects: Mesh Gradient, Animated Border, Iridescent

Modern Shadow Effects

3 effects: Neumorphism, Neon Text, Soft Glow

Advanced Animated Backgrounds

3 effects: Gradient, Particles, Shapes