Как сделать зигзагообразную линию, вертикальную Не горизонтальную с CSS

Question

Как сделать зигзагообразную линию, вертикальную Не горизонтальную с CSS

Как сделать линию ZigZag, вертикальную Не горизонтальную с CSS

Я пытаюсь, но я не могу

1

css line border zigzag

Источник

user6660511 22 янв '17 в 10:05

1 ответ

Решение

Другие вопросы по тегам css line border zigzag

user7303174 22 янв '17 в 10:50 2017-01-22 10:50 · Accepted Answer · 2017-01-22 10:50

Попробуйте это, вы можете настроить их размер, используя background-size имущество.

.con{
  width:200px;
  height:200px;
  background: 
linear-gradient(45deg, #ECEDDC 25%, transparent 25%) 0 -50px,
linear-gradient(135deg, #ECEDDC 25%, transparent 25%) 0  -50px,
linear-gradient(225deg, #ECEDDC 25%, transparent 25%),
linear-gradient(315deg, #ECEDDC 25%, transparent 25%); 
background-size: 20px 20px;
background-color: #EC173A;
}

<div class="con"></div>