css 1turn

在CSS中，1turn是用于度量旋转角度的单位之一。一个完整的旋转可以用一个角度的值来表示，而1turn就代表了一个完整的旋转。

使用1turn作为单位可以方便地实现元素的旋转效果。假设需要将一个元素逆时针旋转一圈，可以使用如下代码：

  .element {
    transform: rotate(-1turn);
  }

代码中的transform: rotate()用于实现元素旋转，而-1turn表示将元素逆时针旋转一圈。如果将-1turn改为1turn，则可以实现顺时针旋转一圈的效果。

除了表示完整的旋转外，1turn还可以用于表示元素沿着其自身轴线旋转的倍数。例如，下面的代码会使元素在自身轴线上旋转两圈。

  .element {
    transform: rotate(2turn);
  }

需要注意的是，1turn是一个相对单位，其实际大小取决于元素的父元素。因此，在进行旋转时应该始终考虑元素所处的上下文。