.rotation {
visibility: visible;
-webkit-animation: rotation 0.6s forwards;
-moz-animation: rotation 0.6s forwards;
animation: rotation 0.6s forwards;
}
@-webkit-keyframes rotation {
0%
{
-webkit-transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(90deg);
}
}
变化函数:
旋转九十度 rotate(90deg)
Y轴移动100px translateY(100px)
X轴移动100px translateX(100px)
x轴缩放1.2倍,y轴缩放0.8倍 scale(1.2,0.8)
转载请注明原文地址: https://ju.6miu.com/read-674054.html