假设您向页面添加了一些新元素，并且它会将其他元素推开。这可能瞬间发生，但如果被推开的元素动画到其新位置，则有助于您的大脑理解刚刚发生了什么。Alex MacCaw 和他的新 magicMove jQuery 插件应运而生。
该库的工作原理是将要转换的元素的一个独立且隐藏的克隆添加到页面中。您执行的任何 DOM 操作实际上都是对该克隆进行操作。然后，完成后，库会查看元素当前位置与克隆位置之间的差异，并在它们之间进行动画（使用 CSS 过渡）。
DOM 转场动画
Chris Coyier 发表于
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！