Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Alexander3928
@Alexander3928
CSS
XML
Как уменьшить размер path внутри svg?
Как уменьшить размер элемента
path
? К примеру
svg
имеет
width: 100px
у
path
аналогично будет тоже
width: 100px
, но мне нужно чтобы
path
был меньше чем
svg
к примеру
width: 80px
. чтобы он не обрезался
Тут будет понятней
https://codepen.io/Alexxxsander/pen/gOoJEmP
Вопрос задан
более трёх лет назад
647 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Danny Arty
@DanArst
Куратор тега CSS
просто увеличьте viewbox у svg
Написано
более трёх лет назад
Alexander3928
@Alexander3928
Автор вопроса
Danny Arty
, пробовал не подходит
Написано
более трёх лет назад
Решения вопроса
1
Сергей Т
@tihomirovPro
Frontend developer
удали все стили для svg и для path и самой svg добавь атрибут width="100"
UPD
обновил код с учетом тени, сначала не обратил на нее внимание, обрезание убрал с помощью
overflow: visible для svg
snippet
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Сергей Т
@tihomirovPro
Alexander3928
, обновил ответ, с учетом тени
Написано
более трёх лет назад
Alexander3928
@Alexander3928
Автор вопроса
Спасибо вам
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
4 часа назад
40 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
10 часов назад
494 просмотра
1
ответ
HTML
+1 ещё
Средний
Как выровнять текст и картинку внутри ссылки?
1 подписчик
26 июн.
112 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
25 июн.
146 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
238 просмотров
5
ответов
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
15 июн.
109 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
142 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
11 июн.
130 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сверстать такую кнопку?
1 подписчик
07 июн.
2275 просмотров
3
ответа
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
04 июн.
230 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Frontend Developer (Junior\Middle)
Betnetix
•
Ростов-на-Дону
от 60 000 до 180 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама