代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CSS3实现无限循环的无缝滚动</title>
<style type="text/css">
.wrap{height:30px;overflow: hidden;position: absolute;top:30;left: 100;width: 100%}
p{margin:0;height: 30px;width: 100%}
.content p{
position: absolute;
}
@-webkit-keyframes anim1{
0% {top: 30px;opacity: 1}
50% {top: -30px;opacity: 1}
75% {top: -30px ;opacity: 0}
100%{top:30px;opacity: 0}
}
@-webkit-keyframes anim2{
0% {top: -30px;opacity: 0}
25% {top: 30px;opacity: 0}
50% {top: 30px;opacity: 1}
100%{top: