Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
CrewCut
@CrewCut
Коплю силы на переезд в тропики
JavaScript
CSS
Как сделать бегущую рамку у блока на js/css?
Есть блок, вокруг него надо сделать бегущую змейку. Т.е. что-то типа пунктирного border, но не статичного, а как-бы кружащего вокруг блока.
Как это можно сделать, не могу найти никак?
Вопрос задан
более трёх лет назад
772 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Андрей
@standy
Фотошоповский эффект при выделении:
matthewjamestaylor.com/blog/animated-photoshop-sel...
Кратко: делаете подложку, которая больше требуемого блока на 1px в каждую сторону, и делаете подложке фон из анимированной картинки:
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Константин Китманов
@k12th
console.log(`You're pulling my leg, right?`);
С помощью border-image и гифки, наверное, можно добиться такого эффекта.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как заблокировать кнопку после нажатия на JS?
1 подписчик
час назад
29 просмотров
1
ответ
JavaScript
Простой
Как сделать перехват response Fetch?
2 подписчика
5 часов назад
84 просмотра
1
ответ
HTML
+2 ещё
Простой
Что поменять/добавить чтобы отображались все подкасты (видео)?
1 подписчик
21 час назад
81 просмотр
0
ответов
JavaScript
+3 ещё
Средний
Как передать источник лида в форму?
1 подписчик
вчера
125 просмотров
1
ответ
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
147 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
145 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
92 просмотра
2
ответа
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
344 просмотра
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
127 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
92 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама