什么是动画以及如何创建它？

Question

我访问了lofavor网站，我在那里看到了非常可爱的动画。有人能告诉我这是什么动画？很明显，它不是Flash或JavaScript动画。元素是SVG。但是我怎样才能用SVG创建这样的动画？

这是一个有点复杂的动画比简单的旋转，翻译或缩放。请给我任何提示或关键字来进行研究。我是否必须编写所有转换代码或者是否有任何所见即所得的方法来执行此操作？

Answer 1

这是SVG变换动画，是的，你必须编码。欲了解更多信息，你可以检查SVG Transform。

如果检查DOM元素，我认为你这样做，你会看到g元素与transform属性，它定义了Rotation，Translation或Scale矩阵。

还有对于红色色带，其辊在第一掩蔽技术。与SVG合作的良好开端是SVG Essential一书。