CSS effects

18 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: Pulse Wave Effect, Glitch Text

Modern CSS Clip-path Effects

2 effects: Circle Reveal, Ellipse Morph

Modern CSS Filter Effects

2 effects: Hue Rotation, Multiple Filters

Modern CSS Transform Effects

3 effects: 3D Rotating Cube, Matrix Transform, Translate 3D

Modern CSS Transitions

3 effects: Glassmorphism Hover, Rainbow Glow, Elastic Scale

Modern CSS Gradient Effects

2 effects: Conic Rotation, Moving Stripes

Modern Shadow Effects

2 effects: Glassmorphism, Layered Shadows

Advanced Animated Backgrounds

2 effects: Gradient, Wave/Blob