国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 巴青县| 茌平县| 威远县| 巫溪县| 仁怀市| 陇西县| 新闻| 福鼎市| 大兴区| 湖口县| 吉水县| 庆云县| 云南省| 汉阴县| 呈贡县| 开鲁县| 嘉定区| 深州市| 永平县| 茂名市| 辽源市| 乃东县| 临泽县| 安义县| 大渡口区| 光泽县| 衡水市| 绵阳市| 宣恩县| 安康市| 乌拉特前旗| 武安市| 巴楚县| 延安市| 犍为县| 周至县| 和平区| 涿鹿县| 东宁县| 岑溪市| 历史|