Question

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

#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;
}

我的问题是从一个类切换到另一个类。当我尝试用rotate类替换class ease类时。或者，如果我先添加两个类（从最后一个开始进行轻松覆盖），然后删除缓动类，它仍然具有'缓动动画'，即使缓动类不再附加到我的div / IMG。

即使我改变课程，就好像永远的安逸。我的问题是：有没有办法将两者结合起来或将它们联系起来？有些东西：

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

前者无法正常工作。

编辑：如果没有，那真的应该有！：）

Answer 1

你能用jQuery来控制类吗？

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

或者你想要做所有这些CSS吗？

有没有办法在CSS3 -animation-timing-function中结合easy-in和linear？

1 个答案: