Предыстория: когда мы видим в макете такой блок, велико искушение числа добавить, как html-текст. Но представьте, что пункты могут быть добавлены, убраны и редактировать числа заказчику может быть неудобно CSS счётчики Задача: создать нумерованные блоки, которые автоматически нумеруются(без редактирования HTML). Причем номера могут быть стилизованы или выводится в каких-то определенных частях блока. Решение: можно использовать переменные css. Счетчик counter можно перезапускать, увеличивать и выводить в блоке...

Посмотрите несколько интересных трюков анимирования числа с помощью переменных CSS, как в этом примере ниже: уловка состоит в том, чтобы объявить настраиваемое свойство CSS как целое число. Таким образом его можно интерполировать как и любое другое целое число...