svelte - Svelte：网格布局中翻转动画的外过渡从左上角位置而不是项目位置飞离

Question

有一个简单grid layout的Svelte设置，显示项目列表。切换按钮从列表中删除一个元素，并且所有其他项目由于动画而以动画方式相应地重新排列flip。但是，如果我要添加过渡，则in效果很好，但out不能满足我的要求。比如消失...

这里是 REPL：https ://svelte.dev/repl/49b3731e93704af78df857b2aa1f0c71?version=3.21.0

注意：当5删除时，它不会消失，它会从1对角线位置飞到该5位置。

知道我在做什么错吗？

标签： sveltesvelte-3

Answer 1

尝试删除transition: all 1s;. 我认为这搞乱了 Svelte 内部动画。