Wipes into view from the bottom edge, like a panel sliding up over the element, using a CSS clip-path.
Classes
| Class | Plays |
|---|---|
fx-clip-up-pl | On page load |
fx-clip-up-st | When the element scrolls into view |
fx-clip-up | Automatically, when its section scrolls into view |
Options that matter
- Duration —
fx-duration-[n], default1second. - Delay —
fx-delay-[n], default0. - Ease —
fx-ease-[name], defaultpower3.inOut. - Start position —
fx-start-[pos], defaulttop 85%(scroll-triggered only).
Example
<div class="fx-clip-up-st">Wipes in from the bottom</div>
See also Clip Down for the same wipe from the top edge.