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

最新推荐文章于 2025-08-07 11:58:47 发布

原创最新推荐文章于 2025-08-07 11:58:47 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #filter #class

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文通过实例演示了如何使用CSS滤镜属性实现图片模糊及翻转效果，包括alpha透明度渐变和blur模糊滤镜的应用。

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

filter:alpha(opacity=100,finishopacity=0,style=3);
/* 矩形渐变，中间不透明，四周透明 */
}
–>
}
–>
</style>
</head>
<body>
<img src=”building1.jpg” border=”0”>
<img src=”building1.jpg” border=”0” class=”alpha”>
</body>
</html>
<html>
<head>
<title> Blur 滤镜 </title>
<style>
<!–
body{
margin:10px;
}
.blur{
filter:progid:DXImageTransform.Microsoft.blur(pixelradius=4,makeshadow=fals
e);
}
–>
</style>
</head>
<body>
<img src=”building9.jpg”>
<img src=”building9.jpg” class=”blur”>
</body>
</html>
<html>
<head>
<title> Flip 翻转 </title>
<style>
<!–
body{
margin:12px;