1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.springy-text {
5
  color: white;
6
  animation-name: springy-text;
7
  animation-duration: 1s;
8
  animation-timing-function: ease;
9
  animation-delay: 0s;
10
  animation-iteration-count: 1;
11
  animation-direction: normal;
12
  animation-fill-mode: forwards;
13
}
14
@keyframes springy-text {
15
  0%   {
16
    letter-spacing: 1.2em;
17
    color: white;
18
  }
19
  100%   {
20
    letter-spacing: 0.1em;
21
    color: orange;
22
  }
23
}
24
</style>
25
<h3 class="springy-text">Animations!</h3>