@deasmont

Как сверстать такой блок с наклоном сверху и снизу?

Нужно примерно такое как на скрине, через SkewY() делал такое же но только внизу дива, только с верхом у меня не получилось. А нужен наклон и сверху и снизу, может с помощью псевдоэлементов как-то? Поделитесь опытом..
7d0b80a4e6794897a7afc073fa761b54.png
  • Вопрос задан
  • 201 просмотр
Пригласить эксперта
Ответы на вопрос 2
neuotq
@neuotq
Прокрастинация
Первое что приходит в голову, если делать псевдоэлементами, это сделать примерно так.
Уровень наклона в данном случае определяем по высоте катета треугольника скоса.
Это техника создания треугольников, частенько бывает удобной, особенно если не нужно чтобы были искажения элемента. Семантика не нарушается, так как это элементы оформления.
Ответ написан
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Можно сделать с помощью псевдоэлементов вот таким образом. Пропорции треугольников не меняются при изменении размера экрана так как и ширина и высота их зависят от vw, положение их определяется через calc для того, чтобы в хроме (и возможно еще где-то) не было проблем с мерцающим зазором в 1px.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы