HTML i CSS · Senior · Pytanie 54 z 75
Jaki problem rozwiązuje @starting-style?
.toast { opacity: 1; transition: opacity 0.3s, display 0.3s allow-discrete; }
@starting-style { .toast { opacity: 0; } }- ✓Poprawna odpowiedź: Definiuje wartości początkowe dla przejść wejścia elementów właśnie wstawionych lub przełączonych z
display: none - 2Ustawia style działające tylko przy pierwszym ładowaniu strony
- 3Wyłącza przejścia przy pierwszym renderze
Wyjaśnienie
Bez stylu początkowego nowo pokazane elementy renderują się od razu w stanie końcowym. Razem z transition-behavior: allow-discrete animacje wejścia i wyjścia działają w czystym CSS.