[ERLEDIGT] Geändertes aus Animation beibehalten (css)

[sunil2809]

Ich wünsche euch einen schönen guten Abend.

Ich werkle gerade an meiner Website herum und habe ein Problem. Ich habe dort einen Text der über eine FadeIn Animation erscheint. Mein Problem ist jetzt, dass der Text vor der Animation transparent ist, und, sobald die Animation wieder vorbei ist, wieder transparent wird. Ich brauche es aber so, dass danach der Text so stehen bleibt, wie die Animation es vorgibt.

#text {
    position: relative;
    animation: fadeIn 2s;
    animation-delay: 2.5s;
    color: transparent;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
      color: white;
  }
}

Das hier ist der code. Ich hoffe ihr könnt mir weiter helfen. Danke schon mal im Vorraus!

Linus

 

[sunil2809]

Das kannst Du über animation-fill-mode erreichen:
https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Animation/animation#animation-fill-mode

DANKE!!! Meine Rettung!