css 如何让动画沿正方形旋转?

html-css035

css 如何让动画沿正方形旋转?,第1张

这样应该使用html5可以实现

如果你想要使用css实现的

可以参考css3里的

@-webkit-keyframes

@-webkit-animation

这个两个参数的使用

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)"