​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
  100% {
11
    font-size: 3em;
12
  }
13
}
14
</style>
15
​
16
​
17
<h1 class="animated">CSS animatable property</h1>