WhatIsHTML
@WhatIsHTML
HTML программист

Как сверстать пунктирные полоски?

Есть файл PSD, пока что не придумал как даже примерно его сверстать. Хотелось бы максимально просто и быстро, без джс и свг желательно.
5ab1635fe39da078073744.png
  • Вопрос задан
  • 264 просмотра
Решения вопроса 1
Sanches
@Sanches
Простым dashed border'ом это не сделать. Без svg тут никуда.
https://codepen.io/abnmt/pen/JLWEga

UPD Вот последний вариант, даже с резиной ))
https://codepen.io/abnmt/pen/aYJprK
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 4
Exploding
@Exploding
wtf?
Продолжая издевательство coderisimo, вдогонку прилетает еще одно место для отталкивания)))
https://codepen.io/Exploding2g/pen/eMvgae

UPD: Если dashed не подходит - есть еще border-image

Оффтоп:)

Мы с друзьями идем из кабака:
https://codepen.io/Exploding2g/pen/rdyyOd
Ответ написан
coderisimo
@coderisimo
Можно оттолкнуться от этого
https://codepen.io/coderisimo/pen/aYJpGE
Ответ написан
Комментировать
@mr_boner
Максимально просто - пнг кртинку задним фоном (без JS и svg).
Мне кажется, правильней будет svg.
Ответ написан
@freeman0204
Полоски фоном, этому блоку задать позишн релатив, а картинки и надписи это блоки тоже с позишн абсолют.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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