作者:hueihuei大海水_598 | 来源:互联网 | 2023-08-23 10:24
序言最近在网上冲浪的时候总是喜欢去看少量效果,看看自己可不可以做,看到一个高斯模糊的效果,如下图所示,感觉挺简单的,所以就实现了一波:image我们来看一下具体的实现方法,每张图上
序言
最近在网上冲浪的时候总是喜欢去看少量效果,看看自己可不可以做,看到一个高斯模糊的效果,如下图所示,感觉挺简单的,所以就实现了一波:
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先森养成记