CSS3动画animation中：transform: rotate(1turn)

今天看项目实例的时候，看到一个彩虹🌈动画选择的效果，css部分代码如下：

div {
    animation: rotate 4s linear infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}

以前我也从没写过1turn，直觉告诉我这肯定是转一圈的意思

没错，1 turn 相当于1圈，就是360deg

也就是写 transform: rotate(1turn)；等价于 transform: rotate(360deg);