Карточка Middle Анимации обновлено
Функция времени steps()
Вопрос
Что делает функция времени steps(n)?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Делит анимацию на n дискретных скачков без плавной интерполяции между ними. Применяют для покадровой анимации спрайтов, эффекта печатной машинки, тикающих стрелок.
Ответ
Делит анимацию на n дискретных скачков без плавной интерполяции между ними. Применяют для покадровой анимации спрайтов, эффекта печатной машинки, тикающих стрелок.
Разбор
Например, animation: walk 1s steps(8) infinite сдвигает спрайт на 8 кадров.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «Анимации»
- Свойства только для композитинга
- Какие свойства анимировать дёшево
- Почему элемент возвращается после анимации
- Анимация раскрытия до height: auto
- requestAnimationFrame против setInterval
- Как учесть настройку «уменьшить движение»
- Два времени в шортхенде transition
- CSS-анимация или JavaScript