html - 苹果风格变换

Question

Apple Link我真的很喜欢这个变换，任何人都可以告诉我他们是如何制作这个动画的？

Answer 1

它实际上非常简单，并且大量使用了有关性能和优雅降级的可用技术。这是一个link that outlines it a bit , 和一个 demo这样可以更深入地了解所使用的技术。

这并不能完全确定，因为排除了一些细节转换，但您可能从中得到了想法。

编辑:当您看到这样的动画时，它们通常使用带有 javascript 的 css3 作为后备。 Javascript 得到了更广泛的支持，但编写效率稍差，并且缺乏 gpu 加速，因此不是很理想。