css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法

html-css020

css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法,第1张

直接将其放入页面中的<style></style>即可，或者外部样式直接在内部引用。

html,body { 

-webkit-filter: grayscale(100%) 

-moz-filter: grayscale(100%) 

-ms-filter: grayscale(100%) 

-o-filter: grayscale(100%) 

filter: grayscale(100%) 

filter: gray 

}

不知道你用的是不是dell的电脑，我的是dell的 ctrl+alt+方向键，就可以调成你这样的，显示效果的话：ctrl+alt+→。搞定。。。css的话，我还没实现过这种效果的css。