克拉封印博客 文章归档 2015年 09月
https://static.iklfy.com/static/images/index/16.jpg

网页变灰CSS实现

全站变灰CSS

body,.gray{
  -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
    filter: grayscale(100%);
   filter: gray;
}

图片变灰CSS

img {
 opacity: 0.8;
  -webkit-transition: all 0.3s ease-out;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
    filter: grayscale(100%);
}