Выбор ответа Junior Анимации обновлено
Чем плох transition: all
Вопрос
Что плохого в transition: all 300ms на кнопке?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Анимируется любое изменённое свойство, включая дорогие для layout. all валидно, но под переход попадает всё, что поменялось: и задуманное, и случайное, вплоть до свойств, которые запускают layout на каждом кадре.
Варианты ответа
- Ничего: это рекомендуемая запись, браузер анимирует только нужное
- Запись невалидна: ключевое слово
allразрешено только вanimation - Анимируется любое изменённое свойство, включая дорогие для layoutправильный ответ
allотключает аппаратное ускорение уtransformиopacity
Разбор
all валидно, но под переход попадает всё, что поменялось: и задуманное, и случайное, вплоть до свойств, которые запускают layout на каждом кадре. Явный список (transition: background 200ms, transform 200ms) предсказуемее и дешевле. На ускорение transform слово all не влияет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.