• Теория
  • Теория

Анимация для заголовка

В финале добавим бесконечную анимацию для заголовка, которая будет увеличивать размеры фона в 3 раза, а затем возвращать их обратно.

Мы уже создали основу для анимации. Вам нужно подобрать недостающие параметры value1 и value2 — имя и длительность анимации. А также параметры value3, value4, value5, которые отвечают за шаги ключевых кадров.

Имя анимации вы найдёте в коде, подходящая длительность находится в списке:

5s
10s
15s
20s
25s

Подходящие шаги ключевых кадров:

0%
25%
50%
75%
100%

Внимание! В стили добавлено специальное CSS-правило, которое останавливает анимацию на том же кадре, что и в образце. Если вы правильно подобрали параметры, то содержимое кадров будет совпадать.

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Мастерская. Градиентная заливка текста» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.