​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animate {
5
  font: bold 3em sans-serif;
6
  color: gold;
7
  animation: myAnimation 5s ease 1s 3 alternate forwards;
8
}
9
​
10
@keyframes myAnimation {
11
  33% {
12
    text-shadow: 2px 2px 2px black;
13
  }
14
  66% {
15
    text-shadow: -2px -2px 2px black;
16
  }
17
  100% {
18
    text-shadow: 0px 0px 10px black;
19
  }
20
}
21
</style>
22
​
23
<h1 class="animate">Text Shadow</h1>