<animate attributeName="height" from="0" to="500" dur="5s" fill="freeze" repeatCount="indefinite" />
时间: 2024-06-02 17:05:49 浏览: 61
animate动画特效重复调用
这是一个SVG动画元素,它用于在SVG图像中创建动画效果。这个元素可以将一个属性从一个值("from")逐渐变化到另一个值("to"),在一定时间内("dur")完成这个变化。这个元素还可以设置动画结束后的值("fill"),以及动画的重复次数("repeatCount")。
下面是一个例子,通过这个例子,你可以更好地理解这个元素是如何工作的:
```html
<svg width="200" height="200">
<rect x="10" y="10" width="50" height="50" fill="red">
<animate attributeName="height" from="0" to="100" dur="1s" fill="freeze" repeatCount="indefinite" />
</rect>
</svg>
```
这个例子是创建一个矩形,这个矩形的高度属性("height")会在1秒内从0变化到100,然后重复这个动作("repeatCount")。这个变化会保留在最后一帧("fill")。
阅读全文