360 旋转css

360 旋转是一种常见的网页设计特效，通过 CSS3 的 transform 属性可以很方便地实现。下面是一个简单的示例：

.rotate{
    transform: rotate(360deg);
}

上面的代码中，rotate(360deg) 表示元素顺时针旋转 360 度，使其 360 度旋转一周。我们可以将这个特效应用到任何 HTML 元素上：

这是一个旋转的块级元素
旋转的链接

需要注意的是，如果想要动画持续进行，需要设置一个 transition 属性，表示动画的时间和补间函数（缓动效果）：

.rotate{
    transform: rotate(360deg);
    transition: all 2s ease-out;
}

上面的代码中，all 表示要对所有的 CSS 属性进行过渡，2s 表示动画时间为 2 秒，ease-out 表示动画结束时缓动效果，即加速到最快然后慢慢减速到停止。

除了旋转，CSS3 的 transform 属性还支持平移、缩放、斜切等多种变换效果，可以用于制作各种复杂的动画。