css rotateZ

rotateZ()是CSS3中的一个函数，它定义了一个元素围绕横Z轴旋转的转换，而不会对其进行变形。它的语法如下：

transform: rotateZ(angle);

其中，angle表示旋转的角度，可以是正数也可以是负数。例如，如果要将一个元素顺时针旋转45度，可以这样写：

transform: rotateZ(45deg);

如果要逆时针旋转45度，可以这样写：

transform: rotateZ(-45deg);

需要注意的是，rotateZ()函数只能旋转二维平面内的元素，如果要旋转三维元素，需要使用rotateX()、rotateY()和rotateZ()函数的组合。

下面是一个例子，展示了如何使用rotateZ()函数将一个元素顺时针旋转45度：

.diamond {
  width: 100px;
  height: 100px;
  transform: rotateZ(45deg);
  background: blue;
}