一直以为这种实现是通过图片设计或者切换整个主题来实现的,这样成本太高了。后面发现是基于浏览器的属性支持来实现的。
根据CSS3 filter(滤镜) 属性
html {
-webkit-filter: grayscale(1);
/* Webkit */
filter: gray;
/* IE6-9 */
filter: grayscale(1);
/* W3C */
}
小程序里面:
page {filter:grayscale(1)}
一直以为这种实现是通过图片设计或者切换整个主题来实现的,这样成本太高了。后面发现是基于浏览器的属性支持来实现的。
根据CSS3 filter(滤镜) 属性
html {
-webkit-filter: grayscale(1);
/* Webkit */
filter: gray;
/* IE6-9 */
filter: grayscale(1);
/* W3C */
}
小程序里面:
page {filter:grayscale(1)}