Question

我需要以使其旋转的方式为对象设置动画。有点像加载游戏微调器或东西，但图像的实际旋转。不确定这是否真的可行？任何帮助是极大的赞赏！

Answer 1

添加此CSS。您可以使用它。

.busy-camera-icon {
width:20px;
-webkit-animation:busyIcon 2s linear infinite;
-moz-animation:busyIcon 2s linear infinite;
animation:busyIcon 2s linear infinite;
}
@-moz-keyframes busyIcon { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes busyIcon { 100% { -webkit-transform: rotate(360deg); } }
@keyframes busyIcon { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

Answer 2

为什么不能使用普通标记并将元素放在画布上，使用position css属性并使用css animation / transform来旋转元素...

检查此网址

http://www.cssrotate.com/和http://jsfiddle.net/Ugc5g/1906/

如何使用JavaScript动画图像在HTML5画布内旋转？

2 个答案: