我试图让一个元素在页面加载时从 0 放大,但该元素需要旋转。似乎是一件简单的事情,但它似乎在动画完成后应用旋转:
@-webkit-keyframes scale{
0%{-webkit-transform: scale(0);}
100%{-webkit-transform: scale(1);}
}
div{
-webkit-transform: rotate(30deg);
-webkit-animation: scale 2s;
}
我试图让一个元素在页面加载时从 0 放大,但该元素需要旋转。似乎是一件简单的事情,但它似乎在动画完成后应用旋转:
@-webkit-keyframes scale{
0%{-webkit-transform: scale(0);}
100%{-webkit-transform: scale(1);}
}
div{
-webkit-transform: rotate(30deg);
-webkit-animation: scale 2s;
}