Как сделать зубчатую линию на сайте?

Есть макет 5e18b9602e5f2294627863.png
Вопрос: Как сделать зубчатую линию в css как в макете?
  • Вопрос задан
  • 347 просмотров
Решения вопроса 1
@dmalapsh
Ну вообще можно сделать большое количество div, задать обводку, установить display - inline, повернуть их все на 45 градусов, вложить в другой блок установить ему overflow - hidden, и задать высоту так чтобы половина дивов была скрыта. Это об извращениях. А по человечески, нужно вырезать одни элемент этой полоски, сохранить в png. Поставить как фоновый элемент блока. И запретить повторение по вертикали(repeatY: no-repeat), соответственно повторение по горизонтали останется, и этот кусок линии будет повторятся до тех пор пока не закончится ширина бока.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@bini1988
Можно через background-image заинлайнить svg паттерн, который затем размножить через background-repeat
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы