css3使用：如何将设置图片的透明度效果？

在写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下载即可，图片大家可以根据实际来更换即可。