如何在Javascript中创建一个带有图像的旋转轮子？
如何在Javascript中创建一个带有图像的旋转轮子？
提问于 2011-09-14 10:24:58
嗨，我有摩天轮图形。它有10个元素，形成一个大圆(就像摩天轮)。我想用8个<div>来旋转这个圆，我怎么用javascript或者HTML5来实现呢？
就像this一样。但是我需要粉色是一个<div>区域，这样我就可以把图像放在上面。任何建议和帮助都是非常感谢的。
回答 2
Stack Overflow用户
发布于 2011-09-14 10:50:44
这是一个。使用相当跨浏览器的方法。
var rotation = 0
setInterval(function() {
$('div').css({
"-moz-transform": "rotate(" + rotation + "deg)",
"-webkit-transform": "rotate(" + rotation + "deg)",
"-o-transform": "rotate(" + rotation + "deg)",
"-ms-transform": "rotate(" + rotation + "deg)"
});
rotation = (rotation + 10) % 361
}, 200)Stack Overflow用户
发布于 2011-09-14 10:58:38
非常类似于IAbstractDownvoteFactory的，但都是CSS。我为webkit浏览器写的，让其他浏览器工作应该是显而易见的，但需要大量的复制-粘贴。
.rotate-me {
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 8s;
-webkit-animation-name: rotate;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7410617
复制相关文章
相似问题
腾讯云开发者
