CSS effects

22 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, Gradient Wave

Modern CSS Clip-path Effects

2 effects: Complex Animation, Slide Reveal

Modern CSS Filter Effects

3 effects: Blur Focus, Glitch Filter, Saturation Boost

Modern CSS Transform Effects

3 effects: Skew Parallax, Perspective Text, Matrix Transform

Modern CSS Transitions

3 effects: Liquid Ripple, Magnetic Hover, Rainbow Glow

Modern CSS Gradient Effects

3 effects: Gradient Text, Color Morphing, Gradient Shadow

Modern Shadow Effects

3 effects: Glassmorphism, 3D Text Shadow, Retro Style

Advanced Animated Backgrounds

2 effects: Gradient, Wave/Blob