TGViewer
frontips.ru frontips.ru @frontips · 484 subscribers
Post #124 1.24K
Всем привет!

При вёрстке очередного проекта встретил частый кейс - постепенное/плавное увеличение числа от некоторого значения до целевого

В новой статье разберём как сделать такой эффект на основе плагина countUp - сделаем несколько карточек с числами, которые будут иметь разные значения, разную продолжительность, разные префиксы и суффиксы для каждого значения, а также будем запускать увеличение числа только тогда, когда элемент появляется в видимой области браузера, используя уже знакомый из предыдущей статьи Intersection Observer API

Перейти к статье - https://frontips.ru/postepennoe-izmenenie-chisla-do-celevogo-znacheniya/
More from @frontips
  1. Sep 5, 2022Ребят, надеюсь этот канал и мой блог по вёрстке принёс вам пользу Сейчас у меня цель - улу…
  2. Feb 24, 2022https://quickref.me/ - хороший ресурс со шпаргалками для разработчиков
  3. Feb 23, 2022Простенький макет для практики - https://www.figma.com/file/yIl2O1QVhnb1ePo0oJRrgI/Aset---…
  4. Feb 7, 2022Прошлым летом нарисовал простой дизайн макет и предлагал сверстать его в качестве практики…
  5. Feb 6, 2022Нравятся мне заметки от George Moller :) На этот раз примеры применения псевдо-элементов :…
  6. Jan 31, 2022https://12daysofweb.dev/ - 12 качественных статей на тему современного веба: - Intersectio…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →