Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olrickx
@olrickx
HTML
CSS
SVG
Как сделать круг с сегментами?
Нужно сделать вот такой круг с сегментами и чтобы при наведении цвет сегмента изменялся на более светлый.
Подскажите, как его сделать??!
Или это нереальная задача?
Кто может скиньте обучалку или помогите, готов заплатить!
Вопрос задан
более трёх лет назад
1635 просмотров
Комментировать
Подписаться
5
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
1
olrickx
@olrickx
Автор вопроса
Нашел решение кому нужно берите
codepen.io/anon/pen/YPbKgw
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
3
Алексей Николаев
@Heian
Ашот
Такое, пожалуй, возможно сделать либо через svg, либо через извращения с canvas, причем первый вариант гораздо легче в реализации.
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
olrickx
@olrickx
Автор вопроса
Искал обучение по svg - нет пример создания такой хрени
Написано
более трёх лет назад
phpus
@phpus
Круги, а дальше просто разрезать их. Если у вас нету логики, лучше на фриланс зайдите.
Написано
более трёх лет назад
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
raphaeljs.com
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Илья Ерофеев
@imerofeev
Вот статьи, которые помогут:
HTML и SVG: создаём интерактивную карту
Dynamic Geo Maps with SVG and jQuery
Построение интерактивной карты с Raphaël
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
вчера
130 просмотров
2
ответа
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
177 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
1 подписчик
13 нояб.
151 просмотр
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
144 просмотра
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
164 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
227 просмотров
1
ответ
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
184 просмотра
0
ответов
CSS
Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
1 подписчик
31 окт.
143 просмотра
2
ответа
CSS
Простой
Как правильно задать размеры блоков?
1 подписчик
31 окт.
106 просмотров
1
ответ
HTML
Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
1 подписчик
29 окт.
185 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul
•
Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама