社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
最近项目中需要预览视频中加马赛克的效果(高斯模糊),于是找到了css3的一个属性filter来进行高斯模糊
可以用来定义图片或者div的饱和度,模糊程度,亮度等一系列。具体参考 CSS3:filter 属性
//高斯模糊
-webkit-filter:blur(10px);
filter:blur(10px);
高斯模糊的这个属性是对整个元素进行高斯模糊。如果你需要局部模糊,需要结合背景定位。原理就是两层图片叠加,底层清晰,上层模糊。接下来我会结合拖拽和背景定位实现图片的局部模糊。下一篇传送门:js拖拽实现
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!