​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animated {
5
  font: 100 1em sans-serif;
6
  animation: myAnimation 3s ease 1s 3 alternate forwards;
7
}
8
​
9
@keyframes myAnimation {
10
  80% {
11
    font: 100 3em san-serif;
12
  }
13
  100% {
14
    font: 900 2em san-serif;
15
  }
16
}
17
</style>
18
​
19
<h1 class="animated">CSS animatable property</h1>