Вывести значение CSS-переменной прямо на страницу — без JavaScript. Звучит как фантасти... — 2 февраля 2026 г. в 16:58:57.574
Вывести значение CSS-переменной прямо на страницу — без JavaScript. Звучит как фантастика, но CSS это умеет: две строчки, работает во всех браузерах. Связка counter-reset + counter() + content превращает CSS-переменную в текст на экране. Для целых чисел — элементарно. Для дробных — обход через calc(), чтобы подсказать счётчику тип данных. А если в переменной хранятся градусы или пиксели? Тут помогает tan(atan2()) — трюк, который убирает единицу измерения из значения. В новом выпуске «CSS Боли» — путь от простого счётчика до анимированного кругового прогресс-бара. 👉🏻 Смотреть в VK
81 просмотров