Все сервисы Хабра
Сообщество 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
Очень хорошо рассказывает и примеры понятные, может поможет
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Средний
Почему не приходит письмо на почту с WordPress?
1 подписчик
3 часа назад
22 просмотра
0
ответов
JavaScript
Простой
Как правильнее переписать id's в формах?
1 подписчик
7 часов назад
59 просмотров
1
ответ
HTML
+2 ещё
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
вчера
164 просмотра
1
ответ
JavaScript
Простой
Как можно сократить этот код?
1 подписчик
21 июн.
3049 просмотров
2
ответа
JavaScript
Простой
Как работать с минифицированным JS?
1 подписчик
20 июн.
1347 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как использовать js плагин mysql в сборке gulp?
1 подписчик
20 июн.
116 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
205 просмотров
5
ответов
JavaScript
+1 ещё
Средний
Как в своих тестовых утилитах для playwright корректно показывать строку с ошибкой?
1 подписчик
17 июн.
75 просмотров
1
ответ
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
15 июн.
99 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как изменить формат url для видео на vimeo?
1 подписчик
14 июн.
115 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама