在CSS3中，可以使用transform屬性來實現(xiàn)元素的旋轉(zhuǎn)，要沿Z軸旋轉(zhuǎn)，可以使用rotateZ()函數(shù)，以下是一些示例代碼，展示如何使用CSS3沿Z軸旋轉(zhuǎn)一個元素：

1、基本語法：

.rotate-z {
  transform: rotateZ(angle);
}

其中angle是旋轉(zhuǎn)的角度，可以是正值或負值。

2、示例：

假設(shè)你有一個HTML元素：

<div class="rotate-z-example"></div>

你可以使用以下CSS代碼來沿Z軸旋轉(zhuǎn)該元素：

.rotate-z-example {
  width: 200px;
  height: 200px;
  background-color: #333;
  transform: rotateZ(45deg);
}

這將使元素沿Z軸旋轉(zhuǎn)45度，你可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度。

3、響應(yīng)式設(shè)計：

在響應(yīng)式設(shè)計中，你可能希望在不同的屏幕尺寸下有不同的旋轉(zhuǎn)角度，可以使用媒體查詢來實現(xiàn)這一點：

.rotate-z-example {
  width: 200px;
  height: 200px;
  background-color: #333;
  transform: rotateZ(45deg);
}
@media (max-width: 600px) {
  .rotate-z-example {
    transform: rotateZ(30deg);
  }
}

在屏幕寬度小于600px時，元素將沿Z軸旋轉(zhuǎn)30度。

通過CSS3的transform屬性和rotateZ()函數(shù)，你可以輕松實現(xiàn)元素的沿Z軸旋轉(zhuǎn)效果，為網(wǎng)站添加更多的交互性和趣味性。