css3 移动端旋转动画暂停

@-webkit-keyframes rotate{
    100% {
           transform: rotate(1turn);
        }
}
.img-wrapper{
    width: 200px;    
    height: 200px;
    margin: 50px auto 0;
    overflow: hidden;
    border-radius: 100px;
}
.animation-start{
    animation: rotate 5s linear infinite;
}
.suspended{
    animation-play-state: paused;
}
.img-wrapper img{
    width: 100%;
    border-radius: 100px;
}
.btn{
                width: 100%;
                height: 30px;
                box-sizing: border-box;
                text-align: center;
                margin-top: 20px;
                line-height: 30px;
                bottom: 100px;
                border: 1px solid #ccc;
            }