内容动画不适用于iPAD，带有Chrome浏览器的iPhone

Question

我有一个简单的动画，可以在Windows上运行，但在iPAD或iPhone上不起作用。

当我通过桌面浏览器看到它时，它工作正常。但是在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上