Верстка сайта с нуля #10: Анимация отсчета цифр и SVG

В этом видео сверстаем секцию с svg анимацией и анимацией отсчета цифр.

https://boosty.to/youdeveloper - шаблон для верстки и все плюшки связанные с версткой этого сайта

https://youtu.be/0mznV21VX00 - создание шаблона для верстки (бесплатно)

Инфа по transform-origin:
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

Инфа по Intersection Observer API:
https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API

Фигма(макет):
Файлом - https://mega.nz/file/9CVHlQiL#0MDwx05sBAoTbr_a2MDvAdmLtuKZ0Y5DiNnpjL83Msw
Ссылка - https://www.figma.com/design/r9RnpJZ6IwYEDAGiymdXBj/YouTube-Createx-Marathon?node-id=0-1&p=f&t=Q4i7VetdI1fOIAFE-0

Таймкоды:

00:00 Краткий обзор, что будем делать
00:35 HTML
01:56 Вырезаем фоновую картинку
02:30 Вставляем SVG
03:29 HTML айтемы
03:35 CSS
04:02 CSS: задаем картинку на фон
05:10 CSS айтемы
09:58 SVG анимация
13:54 JS: Привязываемся к скроллу
16:00 Анимация отсчета цифр
19:25 CSS: адаптив
21:42 Лайки, Boosty, поддержка

Видео Верстка сайта с нуля #10: Анимация отсчета цифр и SVG канала Ты Разработчик