Negative Values
Negative Tailwind
translateY--50 to translateY-0
Negative Arbitrary
translateY-[-100px] to translateY-[0px]
Negative Viewport
translateY-[-25vh] to translateY-[0vh]
Viewport Units
100vh
50vw
30vmin
25vmax
Transform Properties
Translation
translateX
translateY
Scale
scale
scaleX
Rotation
rotate
rotate 360°
Timeline Animations
Complex Timeline
Multi-step animation with viewport units
Bounce Effect
Overshoot and settle animation
Stagger Animations
Basic Stagger
Stagger with Rotation
Timeline Stagger
Mixed Units
Pixels
-200px to 0px
REM Units
-10rem to 0rem
Percentage
-100% to 0%
Advanced Combinations
Everything Combined
All transforms + viewport units
Negative Rotation Sequence
-720° to 0° with scale
Breakpoint Presets
Responsive Fade In
Uses responsiveFadeIn preset - same animation on all devices
Breakpoint Specific
Different presets per breakpoint: mobile bounce, tablet fade, desktop complex
Mixed Approach
Mobile uses custom animation, desktop uses preset
Filter Animation Properties
Blur
Blur
Grayscale
Grayscale
Skew
Skew
CSS Custom Property Integration
HSL Color Wheel
HSL Color Wheel
RGB Interpolation
RGB Interpolation
Performance Features
GPU Acceleration
3D transforms for hardware acceleration
Smooth Interpolation
String values interpolated smoothly
Optimized Updates
Minimal DOM manipulation