2

我试图让一个元素在页面加载时从 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/

4

1 回答 1

2

您需要transform规则中使用简写,因为您的函数在规则之外,因此不会像您预期的那样设置动画。@keyframesrotate()

http://jsfiddle.net/wnpVp/3

于 2013-06-19T20:55:47.027 回答