水箱动效01【svg】

原创已于 2024-12-05 10:40:29 修改 · 182 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2024-12-05 10:34:23 首次发布

水箱动效

svg代码

<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200"
	height="200">
	<rect transform="rotate(180,427,410)" x="0" y="0" width="680" height="400" stroke="none">
		<animate attributeName="height" from="0" to="400" dur="5s" repeatCount="indefinite" />
	</rect>
	<polygon
		points="283.2,131 87.7,129.1 85.1,911.2 938.9,911.2 938.9,131 740.8,131 740.8,241.3 849,245.4 853.1,807.1 
177.1,799.2 181.1,246.6 283.2,245 "
		stroke-width="10" />
</svg>

图片

在这里插入图片描述