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