Animation SVG动画中的缩放，仅CSS3
我正在学习svg动画，在缩放方面有问题。示例非常复杂，包含javascript。 我想制作一个烟雾动画。一个从上到下的平面圆，具有缩放效果（从比例（1）到比例（0.5）。但是当我使用此代码时，动画会向上，而不是向下，并且不起作用。帮助Animation SVG动画中的缩放，仅CSS3,animation,svg,Animation,Svg,我正在学习svg动画，在缩放方面有问题。示例非常复杂，包含javascript。 我想制作一个烟雾动画。一个从上到下的平面圆，具有缩放效果（从比例（1）到比例（0.5）。但是当我使用此代码时，动画会向上，而不是向下，并且不起作用。帮助 请参见上的Voltar Zord的笔 假设我没弄错，您有两个问题： 在svg中，Y轴向下 您的css必须分离转换条目，它们应该是统一的 因此，将您的100%输入更改为： 100% { transform: translate(0px, 50px) scale
请参见上的Voltar Zord的笔
转换条目，它们应该是统一的
100% {
transform: translate(0px, 50px) scale(0.5);
}
您可能应该看看一些关于SVG的文档（例如：）。 SVG可以使用SMIL动画（）进行动画制作，但不推荐使用。您可以使用许多选项对SVG进行动画制作，CSS就是其中之一 您可以为您的问题采取以下措施：
@keyframes smoke {
100% {
transform: translate(0px, 50px) scale(0.5);
}
}