CSS特效方法累积

1 鼠标移上去灰色,移走变回原来色彩.

.product_item {
margin: 40px 0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

&:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);

  filter: grayscale(0);

  filter: none;
}
}

应该可以用jquery动画效果实现延迟变化的.

参考链接http://www.w3cplus.com/css3/ten-effects-with-css3-filter

Comments