Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
biz53
@biz53
JavaScript
HTML
CSS
Анимация
Как сделать анимацию по горизонтальной кривой с помощью css или js?
Необходимо сделать анимацию как написано на приложенной картинке. То есть чтобы круг перемещался по линии волны. Сама волна это img.
Вопрос задан
более трёх лет назад
247 просмотров
Комментировать
Подписаться
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 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
7 часов назад
25 просмотров
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
9 часов назад
34 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
11 часов назад
96 просмотров
2
ответа
JavaScript
Простой
Используют ли сейчас повсеместно class?
1 подписчик
11 часов назад
103 просмотра
1
ответ
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
вчера
148 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как указать путь в JS к json-файлу, чтобы он учитывался при сборке (parcel js)?
1 подписчик
29 мар.
53 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
122 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как перевести vanilla js класс в react среду?
1 подписчик
29 мар.
89 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
116 просмотров
3
ответа
JavaScript
Простой
Как сравнить элементы одного массива с элементами другого массива?
1 подписчик
28 мар.
101 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама