<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
table, th, td{
border:1px solid #000;
}
table{
border-spacing: 2px;
animation: myAnimation 5s infinite;
-webkit-animation: myAnimation 5s infinite; /* Safari 4.0 - 8.0 */
}
@keyframes myAnimation {
50% {border-spacing: 30px;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes myAnimation {
50% {border-spacing: 30px;}
}
</style>
</head>
<body>
<h1>CSS Animatable border-spacing</h1>
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Alex</td>
<td>37</td>
</tr>
<tr>
<td>David</td>
<td>34</td>
</tr>
</table> </body>
</html>