Выбор ответа Junior Анимации обновлено
Два времени в шортхенде transition
Вопрос
Что означает запись?
.tip { transition: opacity 300ms ease 100ms; }
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Анимация длится 300 мс и стартует через 100 мс. В шортхендах transition и animation первое значение времени - длительность, второе - задержка.
Варианты ответа
- Анимация длится 100 мс и стартует через 300 мс
- Анимация длится 300 мс и стартует через 100 мсправильный ответ
- Анимация длится от 100 до 300 мс в зависимости от устройства
- Анимация повторяется каждые 100 мс в течение 300 мс
Разбор
В шортхендах transition и animation первое значение времени - длительность, второе - задержка. Значит 300 мс перехода после паузы 100 мс. Диапазона длительности и повторов в transition нет вообще: переход срабатывает один раз при смене значения.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Предыдущий вопрос
Как учесть настройку «уменьшить движение»
Следующий вопрос
CSS-анимация или JavaScript