Viewport Animations
Viewport animations allow elements to animate into view as they enter the viewport, enhancing user engagement and visual appeal.
fadeInTop
fadeInRight
fadeInLeft
fadeInBottom
<div data-viewport-animation="animation:fadeInBottom; delay: 300; duration: 1000;"> Content</div>Parameters
Section titled “Parameters”| Parameter | Type | Default | Description |
|---|---|---|---|
animation | String | none | Type of animation to apply (e.g., fadeInTop, fadeInRight). |
delay | Number | 0 | Delay in milliseconds before the animation starts. |
duration | Number | 1000 | Duration in milliseconds of the animation effect. |