[分享]css制作转动的正方形

在CSS中，通过使用transform属性可以使元素发生旋转。下面是制作转动的正方形的代码示例：

.square {
  width: 100px;
  height: 100px;
  background-color: #f00;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
} 

首先，我们定义了一个正方形的样式，设置宽度、高度和背景色。接着，我们通过animation属性指定了一个动画，这个动画是rotate类型，时长为2秒，速度为线性，无限循环。

在动画的关键帧中，我们定义了两个状态，从0度到360度的旋转效果。这样，这个正方形就会不断地围绕自身旋转。