国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css實現(xiàn)照片模糊效果類似毛玻璃效果

2024-07-11 08:31:16
字體：大 中 小
供稿：網(wǎng)友

復(fù)制代碼
代碼如下:
<img class="blur" src="test.jpg" />

css中：

復(fù)制代碼
代碼如下:
.blur {
filter: url(blur.svg#blur);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

針對css第一行需要引入文件 blur.svg

blur.svg 的內(nèi)容如下

復(fù)制代碼
代碼如下:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="3" />
</filter>
</svg>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 霞浦县| 湘潭县| 绵阳市| 红桥区| 长岛县| 五原县| 安溪县| 五常市| 吉安市| 阜阳市| 海安县| 梁河县| 望城县| 和林格尔县| 称多县| 剑阁县| 龙岩市| 福贡县| 辽阳县| 沐川县| 定西市| 虹口区| 莲花县| 军事| 东平县| 莱芜市| 阳谷县| 临高县| 板桥市| 灵寿县| 怀安县| 阿尔山市| 喜德县| 大足县| 会同县| 建阳市| 丹寨县| 青阳县| 宁乡县| 亚东县| 临澧县|