Html
    Css
    Js

    
                        
.div1 {
	width:200px;
	height:200px;
	overflow:hidden;
	margin:auto;
	position:relative;
}
@keyframes anis {
	100% {
	transform:translateY(-200px)
}
}img {
	position:absolute;
}
.div2 {
	animation:anis 10s linear infinite;
}
.div2:hover {
	animation-play-state:paused;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

纯Css文字轮播轮播

1