小编Aus*_*n M的帖子

我正在创建一个演示应用程序,在单击按钮时随机选择一个场地.单击按钮后,我希望在选择场地之前使用CSS3和jQuery通过老虎机旋转动画来滚动场地.

我想过使用-webkit-keyframes和改变背景位置,但这不是我想要的理想动画.

@-webkit-keyframes spin{  
  0% {  
        background-position: 0, 0 0;
        -webkit-transform: rotateX(0deg);
     }
  100% { 
        background-position: 0, 0 -640px;
        -webkit-transform: rotateX(360deg);
     }
}

.rotating{
    -webkit-animation: spin .5s infinite linear;
    -webkit-transition: background-position .7s;
}

任何人都可以提供有关如何实现这一目标的任何见解？这是我到目前为止所拥有的.任何帮助表示赞赏.

谢谢