.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)