如何利用HTML5和CSS3代码实现模糊滤镜

2020-10-27 科技 100阅读
第一步,打开HBuilder工具,新建静态页面blur.html,如下图所示:
第二步,在<&>插入一个
<&>,再在div元素里插入五个img元素,分别设置为class,如下图所示:
第三步,设置五个img元素的样式,图片高度和宽度为250px,如下图所示:
第四步,预览该静态页面,在浏览器中查看页面效果,如下图所示:
第五步,分别设置class为two、three、four和five的样式,如下图所示:
6
第六步,再次预览该静态页面,利用IE浏览器查看效果,如下图所示:
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com