css3旋转是绕着哪根轴旋转

css3中旋转有多种情况：1、“rotateX()”函数实现的旋转是绕X轴；2、“rotateY()”函数实现的旋转是绕Y轴；3、“rotateZ()”函数实现的旋转是绕Z轴；4、“rotate()”函数实现的旋转是绕原点。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3旋转是绕着哪根轴旋转

在css中，旋转可以顺时针逆时针旋转，也可以绕X、Y或Z轴旋转，不同的旋转样式对应不同的函数。

1、“rotate()”函数

利用“rotate()”函数，可使元素顺时针或逆时针旋转。

示例如下：

   
  
Hello World
  

输出结果：

2、“rotateX()”函数

利用“rotateX()”函数，可使元素绕X轴旋转。示例如下：

输出结果：

3、“rotateY()”函数

利用“rotateY()”函数，可使元素绕Y轴旋转，示例如下：

输出结果：

4、“rotateZ()”函数

利用“rotateZ()”函数，可使元素绕Z轴旋转。示例如下：

输出结果：

（学习视频分享：css视频教程）

Atas ialah kandungan terperinci css3旋转是绕着哪根轴旋转. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!