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: Morphing Blob, Typewriter

Modern CSS Clip-path Effects

2 effects: SVG Path (Heart), Inset Expand

Modern CSS Filter Effects

2 effects: Invert Colors, Saturation Boost

Modern CSS Transform Effects

3 effects: 3D Card Tilt, Matrix Transform, Scale & Rotate

Modern CSS Transitions

3 effects: Morphing Gradient, Liquid Ripple, Rainbow Glow

Modern CSS Gradient Effects

2 effects: Animated Rainbow, Gradient Shadow

Modern Shadow Effects

2 effects: Neumorphism, Fire Text

Advanced Animated Backgrounds

2 effects: Particles, Shapes