我找到了这个,它肯定会对你有所帮助。语法是这样的。
.thing_you_want_to_filter {
/*
these are all default values, note that hue-rotate and blur have units.
You'll also need to include the vendor prefixes.
*/
filter: grayscale(0);
filter: sepia(0);
filter: saturate(1);
filter: hue-rotate(0deg);
filter: invert(0);
filter: opacity(1);
filter: brightness(0);
filter: contrast(1);
filter: blur(0px);
/* Drop shadow has the same syntax as box-shadow – see below for why it's amazing! */
filter: drop-shadow(5px 5px 10px #ccc);
}
Chrome 18.0+ 和 Safari 6+ 是唯一支持此功能的浏览器。对于版本 6 下的 Safari,它将是这样的:
.img
{
-webkit-filter:contrast(100%); /* play with the percentages */
-webkit-filter:brightness(100%);
}
您可以自己阅读来源
http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/
http://css3.bradshawenterprises.com/filters/