CSS effects

21 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: Typewriter, Heartbeat, Shimmer Skeleton

Modern CSS Clip-path Effects

3 effects: Polygon Morph, SVG Path (Heart), Shape Shifter

Modern CSS Filter Effects

2 effects: Brightness & Contrast, Hue Rotation

Modern CSS Transform Effects

2 effects: 3D Card Tilt, Matrix Transform

Modern CSS Transitions

3 effects: Morphing Gradient, Magnetic Hover, Split Text Fill

Modern CSS Gradient Effects

3 effects: Mesh Gradient, Color Morphing, Iridescent

Modern Shadow Effects

3 effects: Neumorphism, Retro Style, Soft Glow

Advanced Animated Backgrounds

2 effects: Particles, Scrolling