Как сверстать такой резиновый svg блок?

152
12 января 2019, 12:40

Как сделать svg блок такой формы?:

И главное чтобы его ширина ровнялась 40% от блока родителя. Заранее спасибо.

Answer 1

div { 
  text-align: center; 
  width: 400px; 
  height: 400px; 
  outline: 1px solid yellowgreen; 
}
<div> 
  <svg width="40%" height="100%" viewBox="0 0 200 200"> 
    <polyline points="50,25 150,25 150,170 65,170 50,155 50,25" stroke="red" fill="none"></polyline> 
  </svg> 
</div>

READ ALSO
Поиск последнего вхождения в строке Jquery
jQuery

Поиск последнего вхождения в строке Jquery

Нужно получать последнее слово в квадратных скобках, то есть code из строки

 128
Калькулятор с select
jQuery

Калькулятор с select

Вопрос: как вычислять по выбранному селекту?

 134
Как подключить jquery плагин galereya?
jQuery

Как подключить jquery плагин galereya?

Нужна помощь, хочу на сайте для галереи с фотографиями использовать этот плагинАльтернатив не нашел и хочу использовать именно его

 150
Не правильная работа animate jquery
jQuery

Не правильная работа animate jquery

Существует проблема анимирования объектаУ объекта изменяется его ширина с помощью

 123