Верстка · Senior · Запитання 54 з 75
Яку проблему розв'язує @starting-style?
.toast { opacity: 1; transition: opacity 0.3s, display 0.3s allow-discrete; }
@starting-style { .toast { opacity: 0; } }- ✓Правильна відповідь: Задає початкові значення для переходів появи елементів, які щойно вставлено або перемкнуто з
display: none - 2Задає стилі, що діють лише під час першого завантаження сторінки
- 3Вимикає переходи під час першого рендера
Пояснення
Без початкового стилю щойно показані елементи одразу рендеряться в кінцевому стані. Разом із transition-behavior: allow-discrete анімації появи й зникнення працюють на чистому CSS.