简单的CSS实现毛玻璃效果

  • 实测图

  • 示例代码
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>简单的css实现毛玻璃效果</title>
	</head>

	<body>
		<style type="text/css">
			.blur {
				filter: url(blur.svg#blur);
				/* FireFox, Chrome, Opera */
				-webkit-filter: blur(10px);
				/* Chrome, Opera */
				-moz-filter: blur(10px);
				-ms-filter: blur(10px);
				filter: blur(10px);
				filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
				/* IE6~IE9 */
			}
		</style>
		<img src="img/20180325074639843.jpg" />
		<img src="img/20180325074639843.jpg" class="blur" />
	</body>
</html>

 

给TA打赏
共{{data.count}}人
人已打赏
实用教程

selectPage.js插件扩展为layui调用

2020-2-11 14:34:46

实用教程

动态加载js和css

2020-2-14 21:32:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索