Разработка и интерфейсы
Анимация CSS
Последовательность визуальных кадров CSS, описанная правилом @keyframes. В отличие от перехода, анимация может иметь несколько этапов и запускаться без изменения состояния свойства. Ее используют для индикаторов ожидания и коротких иллюстративных эффектов.
Пример на практике
Индикатор загрузки вращается, пока форма ожидает ответ.
Когда пригодится
Ограничивайте движение и предусмотрите статичный вариант.
Что важно учитывать
Постоянная анимация отвлекает и может вызывать дискомфорт; проверяйте системное предпочтение уменьшенного движения.
Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов
Вернуться к 400 терминам