CSS3表格自動(dòng)滾動(dòng)效果，可實(shí)現(xiàn)表格的滾動(dòng)輪播，適用于長(zhǎng)表格數(shù)據(jù)展示。以下是實(shí)現(xiàn)方法及示例：

<table>
<tbody>
<tr>
<td>...</td>
</tr>
<tr>
<td>...</td>
</tr>
...
</tbody>
</table>
<style>
table {
width: 100%;
overflow: hidden;
height: 100%;
white-space: nowrap;
}
td {
width: 20%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
@keyframes roll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-20%);
}
}
td:nth-child(even) {
animation: roll 10s ease-in-out infinite;
}
</style>

此代碼實(shí)現(xiàn)了每10秒鐘滾動(dòng)一次，每列的寬度為20%，這些值可以根據(jù)需求進(jìn)行修改。其主要原理是用CSS3的動(dòng)畫和變形來實(shí)現(xiàn)滾動(dòng)效果。只要讓偶數(shù)列的單元格進(jìn)行動(dòng)畫集，使它們向左側(cè)平移20%的寬度，不停循環(huán)即可實(shí)現(xiàn)表格自動(dòng)滾動(dòng)。