css 去饱和和饱和css3

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 去饱和和饱和css3相关的知识,希望对你有一定的参考价值。

.desaturate {
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
.saturate {
    filter: grayscale(0%); /* Current draft standard */
    -webkit-filter: grayscale(0%); /* New WebKit */
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: none; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */
}

以上是关于css 去饱和和饱和css3的主要内容,如果未能解决你的问题,请参考以下文章

scss 去饱和图像链接,在悬停时重新饱和

iOS 7 色调颜色去饱和通知

html5图片转canvas后调整色温、饱和度.

CSS3颜色,文字,文本部分常用属性

Android中如何实现camera的饱和度及对比度的调节,API中没有?

论文笔记---Deblurring Shaken and Partially Saturated Images