​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
  q {
5
    font-size: 9vh;
6
    quotes:  "\2018" "\2019" "\201c" "\201d";
7
    animation: myAnimation 5s ease 0s infinite forwards;
8
  }
9
​
10
  @keyframes myAnimation {
11
    33% {
12
      quotes: "\201c" "\201d" "\2018" "\2019";
13
    }
14
    66% {
15
      quotes: "\00AB\00A0" "\00A0\00BB";
16
    }
17
  }
18
</style>
19
​
20
<q>Outer quote says <q>what inner quote said</q>!</q>