有了这种风格，你可以在无色和加色之间自由游泳。 网站设计师在设计网页时，可能会将一张图像设计成灰色，并在移动鼠标时将图像着色。 典型的逻辑是创建两张图像，然后用鼠标创建图像切换事件。 当然，这个方法可以完美地实现
但是，有一个小伤口。 就是你剪两倍的照片(有色无色)。 通过实现身材，可以减少两倍量的工作哦。
//htmla rel="external nofollow" href=" # " img alt=" src=" demo.jpg "//a
CSS.gray scale img {过滤器： gray scale (100 %； - WebKit-filter 3360 gray scale (100 %； - moz-filter :灰色比例(100 %； -ms-filter:grayscale(100%； -o-filter:grayscale(100%； filter : URL (“数据： image/SVG XML； utf8，SVG xmlns=’http://www.w3.org/2000/SVG ’filter id=’gray scale ’fecolormatrixtype=’matrix filter : progid : dximagetransform.Microsoft.basic image (灰色比例=1)； - WebKit-filter :灰色比例(1； }.gray scale : hoverimg {-WebKit-filter : gray scale (0； -moz-filter:grayscale(0； -ms-filter:grayscale(0； - o过滤器： gray scale (0； 过滤器： URL (“about : blank”过滤器： gray scale (0； filter: rgb； }
sscript type=" text/JavaScript " src=" http://code.jquery.com/jquery-1.9.1.js "/script script type=" text " )； /脚本