Все сервисы Хабра
Сообщество 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
Простой
Как сделать lazy load pdf?
1 подписчик
20 часов назад
117 просмотров
2
ответа
CSS
+2 ещё
Простой
Как сделать такую сетку?
1 подписчик
вчера
233 просмотра
2
ответа
HTML
+1 ещё
Простой
Как убрать лишний div в root React?
1 подписчик
вчера
122 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
170 просмотров
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
113 просмотров
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
25 июл.
114 просмотров
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
63 просмотра
0
ответов
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
24 июл.
126 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
24 июл.
64 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
59 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского
JavaScript Developer (NGFW)
Лаборатория Касперского
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама