css3画一条波浪曲线
时间: 2023-08-24 15:10:04 浏览: 202
很抱歉,作为AI语言模型,我无法提供图形,但我可以为您提供CSS3代码,您可以将其复制并粘贴到您的HTML文件中,以绘制一条波浪曲线:
```css
.wave {
position: relative;
height: 80px;
width: 100%;
background-color: #fff;
}
.wave:before {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 200%;
height: 200%;
top: -50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0073e6;
animation: wave 2s linear infinite;
}
@keyframes wave {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
```
您可以在HTML文件中创建一个具有“wave”类的div元素,并将其放置在页面上,以显示波浪曲线。
阅读全文