【青藤之恋】高斯模糊之毛玻璃效果

有人比较好奇青藤之恋毛玻璃是怎么实现的：

<p>原生图像</p>
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1114%2F042421135351%2F210424135351-1-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664249297&t=3ba9bec3148f1b0ac05edcefdd05c19a"/>
<p>高斯模糊图像</p>
<img class="blur" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1114%2F042421135351%2F210424135351-1-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664249297&t=3ba9bec3148f1b0ac05edcefdd05c19a"/>

先嵌入两个图片

    <style>
		img{
			width: 240px;
			height: 180px;
		}
		.blur{
			filter: blur(3px);
		}
	</style>

再来个filter效果

 是不是很好玩啊

其实公祭日效果也可以用filter来实现, 快去试试吧！

    body{
		filter: grayscale(100%); 
	}

 

注：图片来源于百度搜索，如有侵权请联系删除。