Все сервисы Хабра
Сообщество 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 подписчик
вчера
126 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
1 подписчик
26 сент.
91 просмотр
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
140 просмотров
2
ответа
HTML
+1 ещё
Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
1 подписчик
24 сент.
322 просмотра
1
ответ
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
133 просмотра
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
146 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
3 подписчика
22 сент.
190 просмотров
1
ответ
HTML
+1 ещё
Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
2 подписчика
21 сент.
188 просмотров
2
ответа
JavaScript
Простой
Где найти исходники стандартной библиотеки JavaScript?
1 подписчик
21 сент.
239 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Где найти такой слайдер?
1 подписчик
20 сент.
172 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Automation QA Engineer
OfferCase
•
Москва
от 400 000 ₽
Senior frontend developer
DigitalHR
•
Ереван
До 4 000 $
Frontend разработчик
Selecty
от 200 000 до 330 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама