• 欢迎光临~

【CSS】毛玻璃特效

开发技术 开发技术 2022-05-27 次浏览
【CSS】毛玻璃特效

 

 

1、毛玻璃特效使用filter: blur(20px);

【CSS】毛玻璃特效

 

 

2、特效会使图片的边界很模糊,所以先固定在一个div.bg-img,使用transform: scale(1.3); 时显示区的内容边界清晰(特效的区域大小可以根据自己需要定义,这里只展示处理的方法)

【CSS】毛玻璃特效

 

程序员灯塔
转载请注明原文链接:【CSS】毛玻璃特效
喜欢 (0)