HTML und CSS · Senior · Frage 54 von 75
Welches Problem löst @starting-style?
.toast { opacity: 1; transition: opacity 0.3s, display 0.3s allow-discrete; }
@starting-style { .toast { opacity: 0; } }- 1Es setzt Styles, die nur beim ersten Laden der Seite gelten
- 2Es schaltet beim ersten Rendern alle Transitions ab
- 3Es legt die Werte „davor“ für Einblend-Transitions fest
Antwort zeigen
Richtige Antwort: Es legt die Werte „davor“ für Einblend-Transitions fest
Erklärung
Ohne Start-Style rendern neu angezeigte Elemente direkt im Endzustand. Zusammen mit transition-behavior: allow-discrete funktionieren Ein- und Ausblend-Animationen in reinem CSS.