图片去色css

简介-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray

效果预览：


代码： 


<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <head>
    </head>
    <body>
        <a><image class='aaa' src='./image.png' /></a>
    </body>
</html>
<style type="text/css">
.aaa{
    width: 500px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}
.aaa:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
</style>


 

上一篇：window.open()被部分浏览器拦截问题

上一篇：元素自动放大效果css

Top