Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
biz53
@biz53
JavaScript
HTML
CSS
Анимация
Как сделать анимацию по горизонтальной кривой с помощью css или js?
Необходимо сделать анимацию как написано на приложенной картинке. То есть чтобы круг перемещался по линии волны. Сама волна это img.
Вопрос задан
более трёх лет назад
248 просмотров
Комментировать
Подписаться
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 ещё
Простой
Как одновременно использовать npm_module на macOS и windows?
1 подписчик
вчера
108 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Почему не получается обратиться к наследуемому свойству (php) через асинхронный запрос?
2 подписчика
вчера
1052 просмотра
1
ответ
HTML
+2 ещё
Простой
Почему не срабатывает скролл?
1 подписчик
18 апр.
109 просмотров
1
ответ
JavaScript
Простой
Почему функции по смещению свойств объектов работают только с объектами, у которых свойства состоят из букв?
1 подписчик
18 апр.
92 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как в редакторе Gutenberg получить выделенный текст?
1 подписчик
18 апр.
72 просмотра
1
ответ
CSS
Средний
Как повторить бордер?
1 подписчик
18 апр.
139 просмотров
1
ответ
CSS
Простой
Как правильно работать с background?
1 подписчик
18 апр.
97 просмотров
3
ответа
JavaScript
+1 ещё
Средний
Как запушить объект (содержащий в себе дату и массив часов) в массив?
1 подписчик
17 апр.
91 просмотр
1
ответ
HTML
Простой
Как запрос POST при отправке формы на e-mail превращается в GET и что сделать, чтобы этого не было?
1 подписчик
17 апр.
77 просмотров
1
ответ
HTML
+4 ещё
Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
1 подписчик
17 апр.
134 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама