css - CSS关键帧动画的异常行为

我正在尝试让页面加载时元素从0放大，但是该元素需要旋转。看起来很简单，但似乎要在动画结束后应用旋转：

@-webkit-keyframes scale{
    0%{-webkit-transform: scale(0);}
    100%{-webkit-transform: scale(1);}
}
div{
    -webkit-transform: rotate(30deg);
    -webkit-animation: scale 2s;
}

http://jsfiddle.net/mildfuzz/wnpVp/

最佳答案

您需要在transform规则内使用@keyframes速记，因为您的rotate()函数不在规则范围内，因此不能像预期的那样进行动画处理。

http://jsfiddle.net/wnpVp/3

关于css - CSS关键帧动画的异常行为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17200939/