css3的过滤效果简单实例

第三张照片，反色？我也不太清楚啥颜色

XML/HTML Code复制内容到剪贴板

#div1 img{   
            width: 100%;   
            -webkit-filter: hue-rotate(200deg);   
        }  

第四张照片，仿佛罩了一层白雾

XML/HTML Code复制内容到剪贴板

#div1 img{   
            width: 100%;   
            -webkit-filter: opacity(0.5);   
        }   

还有一张照片的效果图上没有，是模糊效果代码如下

XML/HTML Code复制内容到剪贴板

#div4 img{   
            width: 100%;   
            -webkit-filter: opacity(0.5);   
        }  

好了，我的滤镜分享完毕，接下来美图去了

以上这篇css3的过滤效果简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。