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, Pulse Wave Effect, Morphing Blob

Modern CSS Clip-path Effects

2 effects: Ellipse Morph, Slide Reveal

Modern CSS Filter Effects

3 effects: Brightness & Contrast, Neon Glow, Saturation Boost

Modern CSS Transform Effects

3 effects: Perspective Text, Matrix Transform, Transform Chain

Modern CSS Transitions

2 effects: Morphing Gradient, 3D Flip Card

Modern CSS Gradient Effects

2 effects: Animated Rainbow, Shimmer Effect

Modern Shadow Effects

3 effects: Colored Shadows, 3D Text Shadow, Retro Style

Advanced Animated Backgrounds

3 effects: Particles, Wave/Blob, Scrolling