CSS effects

20 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: Orbital Motion, Heartbeat

Modern CSS Clip-path Effects

3 effects: Hexagon Scale, Complex Animation, Inset Expand

Modern CSS Filter Effects

3 effects: Hue Rotation, Sepia Vintage, Saturation Boost

Modern CSS Transform Effects

3 effects: Rotate 3D, Scale & Rotate, Transform Chain

Modern CSS Transitions

2 effects: 3D Flip Card, Split Text Fill

Modern CSS Gradient Effects

3 effects: Aurora Hover, Moving Stripes, Text Mask

Modern Shadow Effects

2 effects: Colored Shadows, Fire Text

Advanced Animated Backgrounds

2 effects: Shapes, Scrolling