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