CSS effects

22 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, Bouncing Text, Shimmer Skeleton

Modern CSS Clip-path Effects

3 effects: Hexagon Scale, Slide Reveal, Shape Shifter

Modern CSS Filter Effects

3 effects: Blur Focus, Multiple Filters, Glitch Filter

Modern CSS Transform Effects

3 effects: 3D Rotating Cube, Matrix Transform, Translate 3D

Modern CSS Transitions

3 effects: Neon Fill Button, Magnetic Hover, Rainbow Glow

Modern CSS Gradient Effects

2 effects: Animated Rainbow, Animated Border

Modern Shadow Effects

2 effects: Neon Glow, Layered Shadows

Advanced Animated Backgrounds

3 effects: Gradient, Scrolling, Glitch