Текстовая анимация не работает в Safari - PullRequest
Новая
       17

Текстовая анимация не работает в Safari

0 голосов
/ 28 августа 2018

У меня на сайте есть текстовый вращатель / ротатор,

ссылка: 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"; }
}
...