svg线性波浪效果

最新推荐文章于 2024-07-31 20:50:01 发布

金翅

最新推荐文章于 2024-07-31 20:50:01 发布

阅读量2.0k

点赞数 1

分类专栏：动画效果

本文链接：https://blog.csdn.net/qq_37103514/article/details/93023643

版权

动画效果专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<svg style="background: #E6B112;width: 100%;" width="1600" height="156" viewBox="0 0 1600 156" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill="white" d="M 1600 164.648 V 66.4428 C 1600 66.4428 1198.64 30.0805 758.025 33.6272 C 317.412 37.1743 0 43.9593 0 43.9593 V 164.648 H 1600 Z">
				<animate repeatCount="indefinite" fill="freeze" attributeName="d" dur="6s" values="M1600 156V73.5801C1600 73.5801 1279 -53.8561 800 26.7048C321 107.266 0 3.82945 0 3.82945V156H1600Z;M1600 157V80.5802C1600 80.5802 1202 105 800 27.7048C398 -49.5902 0 64.8295 0 64.8295V157H1600Z;M1600 180.106V53.6857C1600 53.6857 1055 180.106 683 46.0001C311 -88.1054 0 115.686 0 115.686V180.106H1600Z;M1600 156V73.5801C1600 73.5801 1279 -53.8561 800 26.7048C321 107.266 0 3.82945 0 3.82945V156H1600Z">	
				</animate>
			</path>
		</svg>