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: Floating Animation, Multi-Layer Spinner, Gradient Wave

Modern CSS Clip-path Effects

3 effects: Wave Animation, Ellipse Morph, Shape Shifter

Modern CSS Filter Effects

3 effects: Hue Rotation, Duotone Effect, Saturation Boost

Modern CSS Transform Effects

3 effects: Skew Parallax, Rotate 3D, Translate 3D

Modern CSS Transitions

3 effects: Neon Fill Button, Liquid Ripple, Split Text Fill

Modern CSS Gradient Effects

2 effects: Mesh Gradient, Gradient Shadow

Modern Shadow Effects

2 effects: Colored Shadows, Outline Glow

Advanced Animated Backgrounds

2 effects: Particles, Glitch