0.0.1 • Published 5 years ago
svelte-shared-transition v0.0.1
svelte-shared-transition
Transition shared elements between routes easily.
Install
yarn add svelte-shared-transitionUsage
import SharedTransition from "svelte-shared-transition";<SharedTransition key="hero" />
<div data-key="hero"></div>Transition starts once the components is mounted.
Props
| name | type | default | description |
|---|---|---|---|
| key | string | the key shared by the elements to be transitioned. | |
| easing | string | ease-in-out | |
| delay | number | 0.0 | |
| duration | number | 250 | |
| clear | boolean | false | clear animation properties when done transitioning. |
Methods
- play
- pause
- update