疑似要素（before、after）のcontentをkeyframeアニメーションで動的に変更する ✍️

DEMO

SCSS

p:after {
  content: '';
  animation: loading 2s infinite;
}

@keyframes loading {
  0% {
    content: '';
  }
  
  20% {
    content: '';
  }
  
  40% {
    content: '.';
  }
  
  60% {
    content: '..';
  }
  
  80% {
    content: '...';
  }
  
  100% {
    content: '...';
  }
}

keyframeアニメーションでcontentって差し替えられるのかな。と思い、一か八か試してみたところ動いた。使いようによっては便利かもしれない。
ただし、Chrome、Firefox、Edgeでは動いたものの、SafariとIE11では動かなかった。
IEはともかく、Safariで動くともうちょっと使いどころがあるが、いまのところ、Electronで使うぐらいしか使い道がないかもしれない。iOS13に期待。