Ключевые кадры
Задать промежуточные состояния элемента.
Анимация объектов на сайте
Разберитесь, как задавать изменение свойств элементов веб-страницы во времени.
В чём состоит навык
Анимация объектов на сайте — изменение положения, вида или других свойств элементов веб-страницы по заданным правилам.
В каких профессиях пригодится навык
Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.
Связанные профессии
Где пригодится
Время и запуск
Настроить длительность, повторение и условия начала.
Проверка
Оценить читаемость, доступность и работу на устройствах.
Подготовка, навыки и инструменты
Определите назначение движения, начальное и конечное состояния. Выберите способ реализации и предусмотрите уменьшение движения.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «Анимация объектов на сайте»
На KURSEZ пока не добавлены страницы курсов для развития этого навыка. Когда они появятся, здесь можно будет изучить и сравнить программы.
Что важно знать о навыке «Анимация объектов на сайте»
На сайте можно анимировать появление, перемещение или изменение вида элемента. В CSS для этого задают свойства и ключевые кадры; другие задачи могут требовать программного управления. Средство выбирают по сценарию и сложности движения.
Движение не должно скрывать важный текст или мешать выполнению действия. Стоит проверить нагрузку на устройство и предусмотреть вариант для людей, выбравших уменьшение движения в системных настройках. Поведение страницы должно оставаться понятным без декоративных эффектов.
Для практики анимируйте появление учебной карточки с помощью CSS и задайте длительность перехода. Проверьте карточку на разных размерах экрана и добавьте вариант без движения. Сравните, насколько быстро в обоих случаях можно прочитать содержание.