在这里,我有 3 张图像,我想要为它们设置动画,这样它们会在半秒后一个一个地变成灰度
这是小提琴链接:
一些示例代码:
.wrap {
overflow: hidden;
background-color: #fff;
margin: 0 auto;
}
.box {
float: left;
position: relative;
width: 14.285714286%;
}
.boxInner img {
width: 100%;
display: block;
}
.boxInner img:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}