Форум Сайтостроение Веб-строительство

CSS animation Counter

C
На сайте с 20.01.2012
Offline
41
chigher
1146

Доброго времени суток!

Хочу реализовать на сайте счетчик, который увеличивается с Ноль на заданное число при просмотре страницы:

Пример по ссылке: (THE PROOF IS IN THE NUMBERS)

https://www.boostability.com/

Подскажите, как реализовать данный функционал..

Всем спасибо!

barabash
На сайте с 30.04.2011
Offline
71
barabash
#1

Этот скрипт плагин для анимации чисел - http://aishek.github.io/jquery-animateNumber/

+ Плагин запуска события при прокрутке к блоку, если числа нужно запускать только при видимости определенного блока.

Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#2

На чистом CSS, без Javascript? Да, это возможно, см.

https://codepen.io/jhereg00/pen/mPmgxP

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
C
На сайте с 20.01.2012
Offline
41
chigher
#3
Оптимизайка:
На чистом CSS, без Javascript? Да, это возможно, см.

https://codepen.io/jhereg00/pen/mPmgxP

Спасибо! Посмотрим..

---------- Добавлено 18.06.2016 в 23:54 ----------

barabash:
Этот скрипт плагин для анимации чисел - http://aishek.github.io/jquery-animateNumber/

+ Плагин запуска события при прокрутке к блоку, если числа нужно запускать только при видимости определенного блока.

Спасибо! Буду пробовать

Нашел также Apple-Style Counter. Интересное решение. Буду собирать все в кучу.

http://cnanney.com/journal/code/apple-style-counter-revisited/

Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#4
chigher:
Нашел также Apple-Style Counter

Так он на яваскрипте же. Или допустим и javascript? Ну тогда неинтересно - плагинов 100500 штук.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий