Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
biz53
@biz53
JavaScript
HTML
CSS
Анимация
Как сделать анимацию по горизонтальной кривой с помощью css или js?
Необходимо сделать анимацию как написано на приложенной картинке. То есть чтобы круг перемещался по линии волны. Сама волна это img.
Вопрос задан
более трёх лет назад
249 просмотров
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Максим
@LenovoId
svg, css,js
snippet
Ответ написан
более трёх лет назад
8
комментариев
Нравится
1
8
комментариев
Facebook
Вконтакте
Twitter
biz53
@biz53
Автор вопроса
С помощью чего я могу это сделать?
Написано
более трёх лет назад
Максим
@LenovoId
biz53
, вот готовая - видите ? это smil просто скопируйте код
Написано
более трёх лет назад
biz53
@biz53
Автор вопроса
Много Чего
, да, вижу. Недопонимание возникло из-за неполной картины. Поэтому и спрашиваю как я сам могу это сделать.
Должно выглядеть так:
Написано
более трёх лет назад
Максим
@LenovoId
biz53
, тоже самое ....в общем открываем любой векторный редактор и рисуем потом делаем как в моём примере
Написано
более трёх лет назад
biz53
@biz53
Автор вопроса
Много Чего
, спасибо за ответ. Не совсем понимаю как это сделать. Я копирую свг из фигмы потом пытаюсь прописать туда анимацию. Не получается. Черный круг даже не появляется.
https://codepen.io/timshaq/pen/MWewgvG
Написано
более трёх лет назад
Максим
@LenovoId
biz53
, у вас ездиет круг - просто вы не видите его
https://codepen.io/topicstarter/pen/KKMpaMG?editor...
Написано
более трёх лет назад
biz53
@biz53
Автор вопроса
Много Чего
, Спасибо огромное!
https://codepen.io/timshaq/pen/MWewgvG
Написано
более трёх лет назад
Максим
@LenovoId
biz53
, правильно только линию сделай прозрачную
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Сложный
Как оптимизировать загрузку и парсинг больших JS файлов со стороны браузера/клиента?
1 подписчик
10 часов назад
56 просмотров
3
ответа
HTML
+1 ещё
Средний
Как выровнять текст и картинку внутри ссылки?
1 подписчик
вчера
107 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
25 июн.
143 просмотра
0
ответов
JavaScript
+1 ещё
Средний
Почему не приходит письмо на почту с WordPress?
1 подписчик
23 июн.
135 просмотров
1
ответ
JavaScript
Простой
Как правильнее переписать id's в формах?
1 подписчик
23 июн.
116 просмотров
1
ответ
JavaScript
Простой
Как можно сократить этот код?
1 подписчик
21 июн.
3336 просмотров
2
ответа
JavaScript
Простой
Как работать с минифицированным JS?
1 подписчик
20 июн.
1446 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как использовать js плагин mysql в сборке gulp?
1 подписчик
20 июн.
146 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
236 просмотров
5
ответов
JavaScript
+1 ещё
Средний
Как в своих тестовых утилитах для playwright корректно показывать строку с ошибкой?
1 подписчик
17 июн.
92 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама