Automatische Animation nach x Sekunden [geschlossen] ⇐ CSS

[Anonymous]

Ich habe ein A -React -Projekt, bei dem ich eine LIB von Drittanbietern importiere, die einige wiederverwendbare Komponenten wie Input usw. hat. Ich möchte die Stile der Komponente und eine Animation an den Grenze aktualisieren. Ich konnte es zum Laufen bringen und hier ist die Demo < /p>
Demo < /p>
Jetzt ist meine Anforderung, ich möchte diese Animation nach 10 Sekunden verbergen. Beenden Sie im Grunde nach 10 Sekunden die Animation und entfernen Sie die Grenzbildanimation. Gibt es eine Möglichkeit, dies nur durch CSS zu tun? Ich habe versucht, Grenzbild zu machen: Keine nach 100% des Keyframe, aber nichts hat funktioniert. Bitte helfen Sie.