CSS effects

19 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: Bouncing Text, Heartbeat

Modern CSS Clip-path Effects

3 effects: Wave Animation, Star Rotate, Complex Animation

Modern CSS Filter Effects

2 effects: Neon Glow, Text Filter Effects

Modern CSS Transform Effects

3 effects: Skew Parallax, 3D Rotating Cube, Matrix Transform

Modern CSS Transitions

2 effects: Rainbow Glow, Split Text Fill

Modern CSS Gradient Effects

2 effects: Animated Border, Text Mask

Modern Shadow Effects

2 effects: Colored Shadows, 3D Text Shadow

Advanced Animated Backgrounds

3 effects: Wave/Blob, Shapes, Parallax