2

我问是因为我正在努力使黑胶唱片轻松移动，然后它需要以恒定速度旋转。通过添加这些类，我可以轻松地使其旋转，并轻松地轻松进出：

#label_vinyl.rotate {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         12s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

#label_vinyl.ease {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         12s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}

我的问题是从一个班级切换到另一个班级。当我尝试用旋转类替换类缓和类时。或者，如果我首先添加了两个类（因为它是最后一个而使缓入覆盖），然后删除缓入类，它仍然具有“缓动动画”，即使缓入类不再附加到我的 div/图片

就好像即使我换班，轻松学习也永远存在。我的问题是：有没有办法将两者结合或链接起来？类似于以下内容：

    -webkit-animation-iteration-count: 1, infinity;
    -webkit-animation-timing-function: ease-in, linear;

前者不起作用顺便说一句。

编辑：如果没有，真的应该有！:)

4

1 回答 1

0

你可以只使用 jQuery 来控制类吗？

$('#label_vinyl').toggleClass('ease','rotate');

或者你想要做这一切的CSS？

于 2013-02-28T04:00:13.620 回答