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: cubic-bezier(0.25, 0.1, 0.25, 3.0);
9
  animation-delay: 1s;
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>