​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
table td {
5
  font: bold 2em sans-serif;
6
  color: white;
7
  height: 250px;
8
  background: gold;
9
  padding: 10px;
10
  vertical-align: top;
11
}
12
.animated {
13
  animation: myAnimation 3s linear 1s 3 alternate forwards;
14
}
15
​
16
@keyframes myAnimation {
17
  50% {
18
    vertical-align: middle;
19
  }
20
  100% {
21
    vertical-align: bottom;
22
  }
23
}
24
</style>
25
​
26
<table>
27
  <tr>
28
    <td>Static</td>
29
    <td class="animated">Animated</td>
30
  </tr>
31
</table>