JS / CSS 3dtransform持续运动

Question

我想使用我在此处找到的滚轮脚本：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并在发生这种情况后重新启动动画。这将使它“永远”运行。只要您注意到：悬停，就可以停止正在进行的转换。

查看over here以获取有关如何更好地控制CSS3过渡的参考。