{#each things as thing, i (thing.id)}
	<div animate:flip="{delay: i * 10}">{thing.name}</div>
{/each}

<script>
	export default {
		animations: {
			flip(node, animation, params) {
				const dx = animation.from.left - animation.to.left;
				const dy = animation.from.top - animation.to.top;

				return {
					delay: params.delay,
					duration: 100,
					tick: (t, u) => {
						node.dx = u * dx;
						node.dy = u * dy;
					}
				};
			}
		}
	};
</script>