​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animated {
5
  font: 100 2em sans-serif;
6
  word-spacing: -4em;
7
  animation: myAnimation 1s ease 1s 5 alternate forwards;
8
}
9
​
10
@keyframes myAnimation {
11
  50% {
12
    word-spacing: 4em;
13
  }
14
  100% {
15
    word-spacing: 0em;
16
  }
17
}
18
</style>
19
​
20
<h1 class="animated">Word Spacing</h1>