Haben Sie eine Idee, wie Sie den Text ohne Schleifen ändern können? Ich möchte die infinitein Animation nicht verwenden.
.text {
animation: changeText 5s infinite;
}
@keyframes changeText {
0% {
content: '';
}
50% {
content: 'First Paragraph';
}
100% {
content: 'Second Paragraph';
}
}<div class="text">Change me</div>Sie müssen nur den Parameter infiniteaus entfernen animation: changeText 5s infinite. Wenn Sie Text mithilfe von CSS dynamisch ändern, müssen Sie auch Pseudoklasse :beforeoder verwenden :after. So wie das:
.text:before {
content: '';
animation: changeText 5s;
}
Hier ist ein einfaches Beispiel.
.text:before {
content: '';
animation: changeText 5s;
}
@keyframes changeText {
50% {
content: 'First Paragraph';
}
100% {
content: 'Second Paragraph' ;
}
}<div class="text"></div>Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen