今天在Tian观察上看到了《》,感觉特别有意思,具体关于CSS Filter可以看,以及 ,Webkit率先支持了这几个功能,效果非常赞+10086!
支持的效果有:
- blur(模糊)
- grayscale(灰度)
- drop-shadow(阴影)
- sepia(褐色滤镜)
- brightness(亮度)
- contrast(对比)
- hue-rotate(色相)
- invert(反相)
- saturate(饱和度)
- opacity(透明度)
Chrome 18.0.976.0以上版本看这个demo:
https://www.7psus5.com/html5-demo/-webkit-filter/index.html?或
试了试,发现没反应,原来是我的chrome版本不对,晕死
这么高的版本!!