CSS effects

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

Modern CSS Clip-path Effects

2 effects: Hexagon Scale, Slide Reveal

Modern CSS Filter Effects

2 effects: Sepia Vintage, Duotone Effect

Modern CSS Transform Effects

2 effects: Matrix Transform, Rotate 3D

Modern CSS Transitions

3 effects: Glassmorphism Hover, Liquid Ripple, Magnetic Hover

Modern CSS Gradient Effects

2 effects: Aurora Hover, Gradient Shadow

Modern Shadow Effects

2 effects: Neumorphism, 3D Text Shadow

Advanced Animated Backgrounds

3 effects: Particles, Wave/Blob, Scrolling