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

2 effects: Pulse Wave Effect, Orbital Motion

Modern CSS Clip-path Effects

2 effects: Circle Reveal, Triangle Spin

Modern CSS Filter Effects

2 effects: Saturation Boost, Text Filter Effects

Modern CSS Transform Effects

3 effects: 3D Card Tilt, Matrix Transform, Translate 3D

Modern CSS Transitions

3 effects: Neon Fill Button, Rainbow Glow, Split Text Fill

Modern CSS Gradient Effects

3 effects: Animated Border, Conic Rotation, Aurora Hover

Modern Shadow Effects

3 effects: Neon Glow, Layered Shadows, Neon Text

Advanced Animated Backgrounds

3 effects: Wave/Blob, Shapes, Scrolling