javascript - JS/CSS 3d变换不断运动

Question

我想使用我在这里找到的 wheel 脚本:http://codepen.io/Aldlevine/pen/yGLqd并添加一些东西以使其始终缓慢旋转，直到它被悬停/单击。谁能建议如何做到这一点？

$( '.wheel > div' ).each( function( i ) {
                var angle = -( coords.y / 2 ) + ( 360 / 10 ) * i;
                $( this ).css( 'transform', 'perspective(3000px) rotate3d(1,0,0,' + angle + 'deg) translate3d(0,0,75px)' );

Answer 1

您可以收听 transitionend-event并在发生这种情况后重新启动动画。这将使它“永远”运行。一旦您注意到 :hover，您就可以停止正在进行的过渡。

看看over here有关如何更好地控制 CSS3 转换的引用。