CSS Animatable border-spacing Property Example

<!DOCTYPE html>
<html>
<head>
<style> 
table, th, td {
	border: 1px solid black;
	border-spacing: 10px;
	animation: anim 5s infinite;
    margin: auto;
}

@keyframes anim {
	50% {border-spacing: 30px;}
}
</style>
</head>
<body>

<h1>Animatable 'border-spacing' Property</h1>
<hr>

<p>Experience the changing border spacig of the table using border-spacing property.<p>
<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>20</td>
  </tr>
  <tr>
    <td>Miller</td>
    <td>32</td>
  </tr>
  <tr>
    <td>Linus</td>
    <td>42</td>
  </tr>
</table>

</body>
</html>