​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
  body {
5
    font-size: 9vh;
6
  }
7
  .hilarious {
8
    font-family: fantasy;
9
  }
10
  .hilarious::before {
11
    content: "\1F610";
12
    padding-right: 10px;
13
    animation: myAnimation 10s ease 0s infinite forwards;
14
  }
15
​
16
  @keyframes myAnimation {
17
    20% {
18
      content: "\1F642";
19
    }
20
    40% {
21
      content: "\1F601";
22
    }
23
    60% {
24
      content: "\1F606";
25
    }
26
    80% {
27
      content: "\1F602";
28
    }
29
  }
30
</style>
31
​
32
<p>And then he said:</p>
33
<blockquote class="hilarious">I'll never do that again!</blockquote>