Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Brad9aga
@Brad9aga
CSS
SVG
Как сделать прозрачную область?
snippet
как область белого круга сделать прозрачной, полагаю через маску, нужен код, для разбора его,с свг мало дружил
p.s что бы виден был body.
Вопрос задан
более трёх лет назад
139 просмотров
10
комментариев
Подписаться
1
Средний
10
комментариев
Facebook
Вконтакте
Twitter
Максим
@LenovoId
Куратор тега SVG
это что надо что бы без событий просто так крутилась эта штука ?
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
Максим Ленский
, да,это не суть
Написано
более трёх лет назад
Максим
@LenovoId
Куратор тега SVG
Brad9aga
, через 20 мин скину на анимации css с range скинул уже
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
Максим Ленский
, вариант с ranje я и так знал, меня другое интересует,вырезать с этого прозрачную область по кругу средствами svg
Написано
более трёх лет назад
Максим
@LenovoId
Куратор тега SVG
Brad9aga
, два варианта и оба svg
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
Максим Ленский
,в первом js лишний
Написано
более трёх лет назад
Максим
@LenovoId
Куратор тега SVG
Brad9aga
, в первом отрисовываем по действию range-slider dashoffset так что он ни как не может быть лишним
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
Максим Ленский
, я хотел без js организовать этот момент
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
Максим Ленский
, а js можно подключить в любой момент как он понадобится
Написано
более трёх лет назад
Максим
@LenovoId
Куратор тега SVG
Brad9aga
, это другой разговор и это не значит что js лишний
Написано
более трёх лет назад
Решения вопроса
1
Максим
@LenovoId
Куратор тега SVG
svg, css,js
https://codepen.io/topicstarter/pen/dybGLBB
- под управлением range
https://codepen.io/topicstarter/pen/LYPxVZO
- css animation
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Brad9aga
@Brad9aga
Автор вопроса
со второго варианта я набрел на нужные ссылки спс
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Автор вопроса
snippet
вот что по сути надо было мне
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
7 часов назад
58 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
13 часов назад
58 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
22 часа назад
83 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
вчера
156 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
вчера
90 просмотров
0
ответов
SVG
Простой
Есть ли тут кто нибудь, кто работал с визуальным представлением больших графов (~3000 вершин)?
7 подписчиков
11 мар.
2312 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
183 просмотра
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
90 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
870 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
140 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама