transform: rotate(1turn)

transform: rotate(1turn)

以前我也从没写过1turn,但是直觉告诉我这肯定是转一圈的意思
1 turn 相当于1圈,就是360deg;
90deg就是0.25turn;
transform: rotate(1turn);等价于 transform: rotate(360deg);

  @keyframesloading {
            to {
                transform: rotate(1turn);
            }
       }
 //相当于如下
  @keyframes loading {
            from {
                transform: rotate(0deg);
            }
            to{
            	transform: rotate(360deg);
            }
       }

你可能感兴趣的:(css,css)