Анимация содержимого не работает на iPAD, iphone с браузером chrome

Question

У меня есть простая анимация, которая работает на Windows, но не работает на iPAD или iPhone.

ЭТО отлично работает, когда я вижу ее через браузер chrome на рабочем столе. Но на iPAD он просто показывает значение «По умолчанию», и анимация не запускается.

Может ли кто-нибудь сообщить мне, что я делаю не так. Ниже мой стиль. css

.typinganimation::before {
    content: 'Default';
    animation: typing infinite 12s;
    -webkit-animation: typing infinite 12s;
}

@keyframes typing {
    0% {
        content: 'A';
    }
    25% {
        content: 'B';
    }
    50% {
        content: 'C';
    }
    65% {
        content: 'D';
    }
    100% {
        content: 'A';
    }
}

@-webkit-keyframes typing {
    0% {
        content: 'A';
    }
    25% {
        content: 'B';
    }
    50% {
        content: 'C';
    }
    65% {
        content: 'D';
    }
    100% {
        content: 'A';
    }
}

Есть ли что-то еще, что нужно сделать для iOS

Answer 1

Кажется, что тег содержимого не поддерживается Safari, поэтому не отображается на iPAD / iPhone