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