文字动画无法在Safari中使用

Question

我的网站上有一个文本微调器/旋转器

链接：http://jaaplangenberg.nl/index2.php

问题是，在我的iPhone上它不起作用，而不是旋转的单词，我所看到的只是空白。 编辑：我认为它一般不能在Safari上使用（也可以在浏览器上使用）

我不知道怎么了！

这是代码：

<p class="slogan">Je <span id="spin"></span> <br />van betekenis.</p>

和CSS：

#spin:after {
  content:"";
  animation: spin 10s linear infinite;
  -webkit-animation: spin 10s linear infinite; /* Safari 4+ */
  -moz-animation: spin 10s linear infinite; /* Fx 5+ */
  -o-animation: spin 10s linear infinite; /* Opera 12+ */
  animation: spin 10s linear infinite; /* IE 10+ */
}
@keyframes spin {
  0% { content:"merk"; }
  50% { content:"missie"; }
  100% { content:"verhaal"; }
}
@-webkit-keyframes spin {
  0% { content:"merk"; }
  50% { content:"missie"; }
  100% { content:"verhaal"; }
}