Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
17 часов назад
84 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
вчера
327 просмотров
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
271 просмотр
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
03 июн.
115 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
174 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
625 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1000 просмотров
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1419 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
135 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама