Все сервисы Хабра
Сообщество 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
Вопрос задан
более трёх лет назад
177 просмотров
Комментировать
Подписаться
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
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
1 подписчик
6 часов назад
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Почему при отправке HTML-формы страница открывается в новом окне?
1 подписчик
21 час назад
89 просмотров
0
ответов
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
вчера
79 просмотров
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
вчера
88 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
29 просмотров
0
ответов
JavaScript
Простой
Переменная, созданная в разных местах работает в addEventListener по-разному, почему?
1 подписчик
16 июл.
163 просмотра
2
ответа
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
202 просмотра
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1460 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
152 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
125 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
JavaScript Developer (NGFW)
Лаборатория Касперского
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама