Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
vladdof
@vladdof
JavaScript
HTML
CSS
SVG
Как сделать такие линии (орбиты) вокруг земли?
День добрый.
Увидел картинку
и теперь хочу знать, можно ли сделать такие желтые линии вокруг земли на Css или SVG или на js, или еще на чем-нибудь?
Вопрос задан
более трёх лет назад
370 просмотров
3
комментария
Подписаться
2
Средний
3
комментария
Facebook
Вконтакте
Twitter
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Если не на костылях, то можно на JS или SVG.
Костыльно на CSS примерно есть идея, как сделать, но надо проверять. Но это статично будет.
Если нужна анимация, то нужно делать на JS и Canvas/SVG.
Если статика, то проще всего сделать с помощью SVG, PNG.
Написано
более трёх лет назад
Антон Федорян
@AnnTHony
на фотошопе можно
Написано
более трёх лет назад
vladdof
@vladdof
Автор вопроса
спасибо за советы
Написано
более трёх лет назад
Решения вопроса
1
Антон Усачев
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Все это можно. И на чистом цсс с помощью трансформаций и анимаций. По аналогии с этой
парой
примеров
.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
profesor08
@profesor08
Куратор тега CSS
На css врятли.
Написано
более трёх лет назад
vladdof
@vladdof
Автор вопроса
Антон Усачев
Абалденные примеры, спасибо
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+2 ещё
Простой
Как сделать полноценную обводку у clip-path?
1 подписчик
только что
1 просмотр
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
1 подписчик
2 часа назад
22 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
145 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
138 просмотров
2
ответа
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
191 просмотр
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
132 просмотра
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
135 просмотров
0
ответов
JavaScript
Средний
Как добавить скрытый input в форму через js?
1 подписчик
11 авг.
174 просмотра
0
ответов
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
143 просмотра
0
ответов
JavaScript
+2 ещё
Сложный
Что означает Autofocus processing was blocked because a document already has a focused element.?
1 подписчик
09 авг.
86 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Fullstack-разработчик
IT-hunter
•
Санкт-Петербург
До 350 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама