在写htm代码时,有时候需要将网页图片转为模糊效果,下面就来介绍一下。
一、创建一个htm文件,我们要处理的图片放在同一个目录下。
二、用文本工具打开htm文件,img加上图片链接。
三、打开浏览器我们可以开电脑图片是透明的。
四、回到htm代码在<style>加上css样式。opactiy后面百分比数字为透明度,100%为完全透明,数字越小越不透明,大家只要调节这个数字到需要的效果即可。上下两个需要同步更新一样的,使用不同内核的浏览器。
img {
-webkit-filter: opacity(30%); /* Chrome, Safari, Opera */
filter: opacity(30%);
}
五、修改完成保存,重新刷新htm页面,我们看到刚才的刚刚设置的透明度了,可以对比前后效果来看看。
六、代码很简单,如果不想敲代码的话,可以直接打开http://dwz.date/adgp下载即可,图片大家可以根据实际来更换即可。
联系客服