css静态无间接滚动/动态数据可换另一种方法

css静态无间接滚动/动态数据可换另一种方法
```
<!DOCTYPE html>

<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>CSS3无限滚动</title>
		<style type="text/css">
			@-webkit-keyframes rowup {
				0% {
					-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				}

				100% {
					-webkit-transform: translate3d(0, -307px, 0);
					transform: translate3d(0, -307px, 0);
				}
			}

			@keyframes rowup {
				0% {
					-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				}

				100% {
					-webkit-transform: translate3d(0, -307px, 0);
					transform: translate3d(0, -307px, 0);
				}
			}

			.demo-list {
				 300px;
				border: 1px solid #999;
				margin: 20px auto;
				position: relative;
				height: 200px;
				overflow: hidden;
			}

			.demo-list .rowup {
				-webkit-animation: 10s rowup linear infinite normal;
				animation: 10s rowup linear infinite normal;
				position: relative;
			}
		</style>
	</head>
	<body>
		<div class="demo-list">
			<div class="cc rowup">
```
<div class="item"><span>李先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>季先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>方先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>韦先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>郑小姐</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>张小姐</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>郑小姐</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>周小姐</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>周先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>李先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>李先生</span><span>155****1213</span><span>3分钟前</span></div>
<div class="item"><span>李先生</span><span>155****1213</span><span>3分钟前</span></div>
```
			</div>
		</div>

	</body>
</html>
```
　　
代码改变了我们，也改变了世界
相关阅读:
datatables排序：ajax数据已经返回，表格不刷新
 php获取名称首字母
 python环境安装
 推荐算法与推荐系统概述
 推荐算法与推荐系统2.LGB模型
 推荐算法与推荐系统3.DeepFM
推荐算法与推荐系统1 LR模型
 C#进阶——记一次USB HID的各种坑（x86，x64，win10，win7）
C#进阶——Lambad表达式总结
 The web application [] is still processing a request that has yet to finish。This is very likely........
原文地址：https://www.cnblogs.com/wencaiguagua/p/15692384.html