我想“链”2 css动画后彼此。第一个在页面加载时播放,是一个将立方体旋转一定程度的css动画。作为第二个动画,我想要在用户按下按钮(add class to cube onclick)时进一步旋转立方体。 问题是cube-div已经有了来自第一个动画的rotate语句,所以当我添加这个类(它包含了一个transform: rotate )时,它不是动画到新的旋转,而是立即跳到新的旋转度数。尽管我使用的是过渡。 我试着用添加的类(‘.Rotate-进一步’)禁用动画,这样它就不会中断第二次旋转,但没有帮助 div {
width: 20px;
height: 20px;
back