# share-element
Start from base library version 2.16.0. Please remaining backward compatible.
Shared elements.
The shared element is a form of animation similar to the flutter Hero, where elements appear to travel between pages. This component needs to work with page-container Component combination.
When used, place the current page share-element Components, while in the page-container The corresponding container is placed in the share-element Component, corresponding by attribute value key Mapping. When set page-container When displayed,transform Property is true Animates the shared elements of. When the current page container exits, a return animation is generated.
| attribute | type | Default value | Required | Introductions | Minimum version |
|---|---|---|---|---|---|
| key | string | yes | Mapping marker | 2.16.0 | |
| transform | boolean | false | no | Whether to animate | 2.16.0 |
| duration | number | 300 | no | Animation duration, in milliseconds | 2.16.0 |
| easing-function | string | ease-out | no | cssRetarded function | 2.16.0 |