Transition Parameters: duration delay easing
Customize transitions by passing duration, delay, and easing parameters.
The Parameter Object
All transitions accept an options object as a second argument.
<p transition:fade={{ duration: 600, delay: 200 }}>duration
Total animation length in milliseconds. Default 400ms.
All lessons in this course
- transition:fade and transition:fly
- Transition Parameters: duration delay easing
- in: and out: for Asymmetric Transitions
- transition:draw for SVG Paths