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: Floating Animation, Particle Float, Shimmer Skeleton

Modern CSS Clip-path Effects

3 effects: Polygon Morph, Wave Animation, Ellipse Morph

Modern CSS Filter Effects

3 effects: Grayscale to Color, Blur Focus, Text Filter Effects

Modern CSS Transform Effects

3 effects: 3D Card Tilt, 3D Rotating Cube, Transform Chain

Modern CSS Transitions

3 effects: Morphing Gradient, Liquid Ripple, Magnetic Hover

Modern CSS Gradient Effects

2 effects: Conic Rotation, Color Morphing

Modern Shadow Effects

3 effects: Glassmorphism, Layered Shadows, Outline Glow

Advanced Animated Backgrounds

3 effects: Particles, Wave/Blob, Shapes