我制作了一個關鍵幀影片，在句子的末尾有單詞移動。它適用于 Chrome，但不適用于 Safari。
我究竟做錯了什么？
這是CSS代碼：
.aboutvision span:before {
content: '';
animation: about-vision 8s infinite;
color: #faf9f4;
text-decoration: underline;
display: inline-block;
}
@keyframes about-vision {
0%{
content: 'GROW';
}
25%{
content: 'THRIVE';
}
50%{
content: 'UNFOLD';
}
75%{
content: 'EVOLVE';
}
100%{
content: 'GROW';
}
}
uj5u.com熱心網友回復：
content根據 CSS 規范，該屬性是不可影片的。這是可以設定影片的屬性串列。自 2020 年以來，Chrome 確實支持它。（另請參閱有關該問題的CSS-Tricks 文章）
要在所有瀏覽器上使用此功能，您可以使用 JavaScript 或為每個content值制作不同的元素，并分別為其顯示或不透明度值設定影片。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/473949.html
上一篇：如何為DjangoRestFrameWork中具有兩個ManyToManyFields的模型撰寫__str__方法的測驗用例？
下一篇：選單下拉影片中的意外行為