Grows slightly into place (from 92% scale) while fading in — a subtle entrance that doesn't move the element far.
Classes
| Class | Plays |
|---|---|
fx-scale-in-pl | On page load |
fx-scale-in-st | When the element scrolls into view |
fx-scale-in | 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.out. - Start position —
fx-start-[pos], defaulttop 85%(scroll-triggered only).
The starting scale (0.92) can only be changed from JavaScript — see JavaScript API.
Example
<div class="card fx-scale-in-st">…</div>