这篇文章将为大家详细讲解有关css3中实现旋转效果的属性是哪个，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务苍溪,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

css3中实现旋转效果的属性是“transform”。transform属性用于向元素应用2D或3D转换，当该属性和rotate()、rotate3d()、rotateX()、rotateY()或rotateZ()函数一起使用即可实现旋转。

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

css3中实现旋转效果的属性是“transform”。

transform属性用于向元素应用2D或3D转换，当该属性和以下函数一起使用即可实现元素旋转：

• rotate(angle)    定义 2D 旋转，在参数中规定角度。

• rotate3d(x,y,z,angle)    定义 3D 旋转。

• rotateX(angle)    定义沿着 X 轴的 3D 旋转。

• rotateY(angle)    定义沿着 Y 轴的 3D 旋转。

• rotateZ(angle)    定义沿着 Z 轴的 3D 旋转。

示例1：

 




Hello

示例2：

	
		
		
	
	
		
CSS3 元素旋转