一个非常有意思的css3属性filter

filter这属性貌似可以是img图片在黑白与彩色间转换 filter:grayscale(1)为黑白色,filter:grayscale(0)位彩色,可以用于hover效果 img:hover{filter:grayscale(0)}图片变彩色,兼容问题当前主流浏览器(IE除外)支持,使用前缀,-webkit-filter 、-moz-filter、-ms-filter、-o-filter

大致无语:filter: none | <filter-function > [ <filter-function> ]*

默认为none,不具备继承性,其中filter-function可选值有以下(翻译不是很准,O(∩_∩)O百度的):

这些值默认大都是100%也就是(1) blur hue-rotate默认值是(0);

  1. grayscale(灰度)
  2. sepia(这个百度是 乌贼,。。。也有翻译为褐色)
  3. saturate饱和度
  4. hue-rotate色相旋转
  5. invert反色
  6. opacity透明度
  7. brightness亮度(个人感觉这个比较有用,)
  8. contrast对比度
  9. blur模糊
  10. drop-shadow阴影  
上一篇:OneDrive一直后台占用CPU的一种解决办法


下一篇:sass安装 使用