css 滚动动画

.animation{
    position: relative;
    animation:mymove 40s infinite;
    animation-play-state:running;
    animation-timing-function:linear;
    /* Safari and Chrome */
    -webkit-animation:mymove 40s infinite;
    -webkit-animation-play-state:running;   
    -webkit-animation-timing-function:linear;   
}
.animation:hover{
    
    animation-name:mymove;
    animation-play-state:paused;
    -webkit-animation-name:mymove; /* Safari 和 Chrome */
    -webkit-animation-play-state:paused;
    
}
@keyframes mymove
{
    from {right:0px;}
    to {right:2420px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    from {right:0px;}
    to {right:2420px;}
}