精通 CSS+DIV 网页样式与布局 94

最新推荐文章于 2025-08-11 21:51:50 发布

原创最新推荐文章于 2025-08-11 21:51:50 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #color #浪潮 #f1

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一种名为Wave的HTML滤镜效果，通过不同参数设置展示了三种不同的波浪样式。这些样式可以应用于网页元素以实现动态视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<title> Wave 波浪滤镜 </title>
<style>
<!–
body{
margin:12px;
background-color:#e4f1ff;
}
span{
font-family:Arial, Helvetica, sans-serif;
height:100px; font-size:80px;
font-weight:bold;
color:#50a6ff;
}
span.wave1{
filter:wave(add=0,freq=2,lightstrength=70,phase=75,strength=4);
}
span.wave2{
filter:wave(add=0,freq=4,lightstrength=20,phase=25,strength=5);
}
span.wave3{
filter:wave(add=1,freq=4,lightstrength=60,phase=0,strength=6);
}
–>
</style>
</head>
<body>
<span class=”wave1”>波浪 Wave</span>
<span class=”wave2”>波浪 Wave</span>
<span class=”wave3”>波浪 Wave</span>
</body>
</html>
<html>
<head>
<title> 三个滤镜同时使用 </title>
<style>
<!–
body{
margin:12px;
background:#000000;
}
.three{