- Теория
- Теория
Анимация для заголовка
В финале добавим бесконечную анимацию для заголовка, которая будет увеличивать размеры фона в 3 раза, а затем возвращать их обратно.
Мы уже создали основу для анимации. Вам нужно подобрать недостающие параметры value1 и value2 — имя и длительность анимации. А также параметры value3, value4, value5, которые отвечают за шаги ключевых кадров.
Имя анимации вы найдёте в коде, подходящая длительность находится в списке:
5s
10s
15s
20s
25sПодходящие шаги ключевых кадров:
0%
25%
50%
75%
100%Внимание! В стили добавлено специальное CSS-правило, которое останавливает анимацию на том же кадре, что и в образце. Если вы правильно подобрали параметры, то содержимое кадров будет совпадать.
Хотите верстать адаптивно и по методологии, использовать препроцессоры и автоматизацию? Записывайтесь на профессиональный курс «HTML и CSS. Адаптивная вёрстка и автоматизация». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.