CSS技巧收集——毛玻璃效果

毛玻璃的模糊效果技术使用 css 的filter中的 blur 属性。

即：

filter: blur(20px)

线上demo：https://my.weblf.cn/alone_page/pages/filter_blur.html

代码：

	 
     
    
    
    
	


	

		

			
三体(节选)
			
随着一切都尘埃落定 ，人们的注意力从宇宙 广播转移到对威慑纪元结束至今的整体事件的 回顾 和反思上 来 。对执剑 人 的指 责和声讨 开始 铺天盖地地 出现 ，如果在事变 之初执剑人就启动 宇宙广播 ，至少可以避免后来的移民灾难。但舆 论的主要抨击焦点集中在对执剑人的选择上。 这是一个十分复杂的过程，由世界民意形成的政 治压力促成了当时联合国和舰队国际的最后决 定，人们激烈地争论着该由谁负责，但几乎没有 人提出这是所有人的群体意志导致的结果 。舆 论对程心本人还是相对宽容 的，她美好的公 众形 象为 自己提供了一定的保护，同时她作为一个普 通移民经历的苦难也博得了同情，人们更多地把 她看做一个受害者。
		
	

效果图：