CSS effects

19 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: Pulse Wave Effect, Glitch Text, Typewriter

Modern CSS Clip-path Effects

3 effects: Triangle Spin, Ellipse Morph, Slide Reveal

Modern CSS Filter Effects

3 effects: Brightness & Contrast, Invert Colors, Saturation Boost

Modern CSS Transform Effects

2 effects: Perspective Text, Matrix Transform

Modern CSS Transitions

2 effects: Neon Fill Button, Liquid Ripple

Modern CSS Gradient Effects

2 effects: Animated Rainbow, Gradient Text

Modern Shadow Effects

2 effects: Neon Glow, Layered Shadows

Advanced Animated Backgrounds

2 effects: Gradient, Scrolling