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 に答える