序言
最近在网上冲浪的时候总是喜欢去看一些效果，看看自己可不可以做，看到一个高斯模糊的效果，如下图所示，感觉挺简单的，所以就实现了一波：
image
我们来看一下具体的实现方法，
- 每张图上都有一个蒙版和文字，我们可以借助
opacity来实现 - 然后把这个蒙版盖在图片上
- 然后使用
css3中的blur属性来给图片设置模糊样式
.functionSubNav-image-opacity img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
上 Github地址
小白请先看这里
1、初识前端
2、初识JavaScript
3、Android开发人员不得不学习的JavaScript基础（一）
4、Android开发人员不得不学习的JavaScript基础（二）
5、Android开发人员不得不学习的Vue.js基础
公众号
欢迎关注我的个人公众号【IT先森养成记】，专注大前端技术分享，包含Android，Java，Kotlin，Flutter，HTML，CSS，JS等技术；在这里你能得到的不止是技术上的提升，还有一些学习经验以及志同道合的朋友，赶快加入我们，一起学习，一起进化吧！！！
公众号：IT先森养成记
网友评论