CSS effects

20 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, Morphing Blob, Orbital Motion

Modern CSS Clip-path Effects

3 effects: Wave Animation, Star Rotate, Complex Animation

Modern CSS Filter Effects

2 effects: Glitch Filter, Saturation Boost

Modern CSS Transform Effects

2 effects: Perspective Text, Matrix Transform

Modern CSS Transitions

3 effects: 3D Flip Card, Liquid Ripple, Elastic Scale

Modern CSS Gradient Effects

3 effects: Aurora Hover, Iridescent, Text Mask

Modern Shadow Effects

2 effects: Glassmorphism, Layered Shadows

Advanced Animated Backgrounds

2 effects: Particles, Wave/Blob