css after animation

by NullDev

HTML

<span>X: </span>

CSS

span::after {
  content: "TEST";
  animation-name: example;
  animation-duration: 4s;
}

@keyframes example {
  0%   {
    content:"FOO";
  }
  25%  {
    content:"BAR";
  }
  50%  {
    content:"BAZ";
  }
  75%  {
    content:"QUUX";
  }
  100% {
    content:"FOOBAR";
  }
}