Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Igor Roschak
@iRoschak
Front-end Developer
JavaScript
HTML
CSS
Как сделать анимацию бордера при скролле страницы?
Здравствуйте, нужно реализовать при прокрутке страницы анимацию - счетчик цифр и бордер вокруг их.
Заргузка цифр уже есть
bfintal.github.io/Counter-Up/demo/demo.html
Анимация бордера похожа на эту
codepen.io/HugoGiraudel/pen/BHEwo
Нужно на чистом CSS
Вопрос задан
более трёх лет назад
176 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Михаил Чирский
@chirskiy_mixail
Очень давно занимаюсь версткой, имею огромный опыт
Увы но CSS не умеет отслеживать scroll, так, что на чистом CSS никак
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
Igor Roschak
@iRoschak
Автор вопроса
Я уже сам напишу js, меня интересует сама анимация на CSS
Написано
более трёх лет назад
Михаил Чирский
@chirskiy_mixail
Igor Roschak
: Если вам подходят примеры, зачем изобретать велосипед, возьмите у них и сделайте под себя и все)
Написано
более трёх лет назад
Igor Roschak
@iRoschak
Автор вопроса
В том и дело что не нашел то что нужно, а здесь есть возможность спросить у народа, возможно кто-то с этим уже сталкивался.
Написано
более трёх лет назад
Михаил Чирский
@chirskiy_mixail
Igor Roschak
: а почему требования то такие на чистом CSS, С бордером то понятно, можно сделать через анимации, с цифрами тоже можно, ну посложнее.
css.yoksel.ru/css-animation
Очень хорошо рассказывает и примеры понятные, может поможет
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
2 подписчика
3 часа назад
35 просмотров
1
ответ
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
6 часов назад
48 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
4 подписчика
14 часов назад
573 просмотра
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
18 часов назад
67 просмотров
2
ответа
JavaScript
Средний
Как отправить куки?
1 подписчик
вчера
123 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
вчера
43 просмотра
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
вчера
50 просмотров
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
вчера
123 просмотра
2
ответа
JavaScript
Простой
Используют ли сейчас повсеместно class?
1 подписчик
вчера
138 просмотров
1
ответ
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
174 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама