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: Pulse Wave Effect, Multi-Layer Spinner, Typewriter

Modern CSS Clip-path Effects

3 effects: Hexagon Scale, Complex Animation, Shape Shifter

Modern CSS Filter Effects

3 effects: Brightness & Contrast, Sepia Vintage, Saturation Boost

Modern CSS Transform Effects

2 effects: 3D Card Tilt, Rotate 3D

Modern CSS Transitions

3 effects: Morphing Gradient, 3D Flip Card, Elastic Scale

Modern CSS Gradient Effects

3 effects: Animated Border, Gradient Text, Gradient Shadow

Modern Shadow Effects

3 effects: Glassmorphism, Long Shadow, Soft Glow

Advanced Animated Backgrounds

3 effects: Gradient, Wave/Blob, Glitch