css3可以使方形div旋转720度吗

html-css014

css3可以使方形div旋转720度吗,第1张

transform:rotate(720deg)

-ms-transform:rotate(720deg)  /* IE 9 */

-moz-transform:rotate(720deg)  /* Firefox */

-webkit-transform:rotate(720deg) /* Safari 和 Chrome */

-o-transform:rotate(720deg)  /* Opera */ 浏览器支持:

Internet Explorer 10、Firefox、Opera 支持 transform 属性。

Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。

Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。

Opera 只支持 2D 转换。 定义和用法

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

为了更好地理解 transform 属性,请查看这个演示。

默认值:none    

继承性:no    

版本:CSS3    

JavaScript 语法:object.style.transform="rotate(7deg)"

这样应该使用html5可以实现

如果你想要使用css实现的

可以参考css3里的

@-webkit-keyframes

@-webkit-animation

这个两个参数的使用