怎样在CSS里面实现字体的动感模糊倒影效果和图片雾化效果

html-css020

怎样在CSS里面实现字体的动感模糊倒影效果和图片雾化效果,第1张

你这种情况比较复杂!都是滤镜做的

字体动感模糊窗口--图层,右击字体图层,删格式化文件,滤镜--模糊--动感模糊,选择角度和距离,角度表示你动感模糊的方向,距离越大动感模糊效果越厉害

图片雾化在你原有图层上新建图层保证前景色和背景色为黑白,滤镜--渲染--云彩,将图层模式正常改为滤色即可。。如果觉得雾化太重可以适当降低不透明度

背景图片虚化主要依靠的是 filter: blur(15px) 这个css属性 blur值 越大 模糊程度也越大 最终我们希望的效果图是这样的 实现方式: 第一步 一个大的 div 里面包裹两个 小的 div1 和 div2 第二步 div1元素加入背景、宽高、过滤(filter)、浮动 第三步 div2元素 开启定位 absolute(一定要脱离普通文档流) 现在基本的效果就实现了,想让页面更美观 剩下的就要自己动手喽 关键点就是 filter属性 :让图片模糊 脱离普通文档流 :内容放到模糊div1 的上面