​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.chameleon {
5
  font: bold 3em sans-serif;
6
  color: red;
7
  animation: myAnimation 10s ease 1s 1 forwards;
8
}
9
​
10
@keyframes myAnimation {
11
  50% {
12
    color: green;
13
  }
14
  100% {
15
    color: blue;
16
  }
17
}
18
</style>
19
​
20
​
21
<h1 class="chameleon">Chameleon</h1>