如何使用CSS3制作带有白色渐变的表格背景动画

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
  <!-- 添加更多的行和列 -->
</table>

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
}

th {
  background: linear-gradient(to right, #ffffff, #f2f2f2);
  animation: tableAnimation 5s infinite alternate;
}

@keyframes tableAnimation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}