mirror of https://github.com/sveltejs/svelte
18 lines
424 B
18 lines
424 B
<script>
|
|
export let things;
|
|
export let tag;
|
|
|
|
function flip(node, animation, params) {
|
|
const dx = animation.from.left - animation.to.left;
|
|
const dy = animation.from.top - animation.to.top;
|
|
|
|
return {
|
|
duration: 100,
|
|
css: (t, u) => `transform: translate(${u + dx}px, ${u * dy}px)`
|
|
};
|
|
}
|
|
</script>
|
|
|
|
{#each things as thing (thing.id)}
|
|
<svelte:element this={tag} animate:flip>{thing.name}</svelte:element>
|
|
{/each} |