Вёрстка блоков необычной формы?

Question

[Валерий Жмышенко]

Доброго времени суток!
Подскажите что почитать и тд чтобы разобраться как верстать подобные блоки, без использования по возможности псевдо классов и подобного. А например через градиенты или еще как-то.

Comments

[Ankhena]

Так изучайте градиенты и bg size с bg position.
Дальше банальная геометрия. Разбиваете на кусочки, которые умеете делать градиентами и накладываете их друг на друга фонами.
Некоторые задачи без псевдоэлементов не решаются или решаются весьма странно.
Чем они вам, кстати, не угодили, если вы имели в виду их, а не действительно псевдоклассы, как написали.

Например,

И SVG не забывайте.

[MagicMight]

Это именно верстка?
Приведи пример кода на codepen.

[YgadaiKtoYa]

ТЗ с Everad?)))

[Filipinnetc]

YgadaiKtoYa, похода

Answer 1

[Александр Суханов]

Тут все примеры по идеи на бордюры
Например:
https://codepen.io/atuin/pen/PoqYorR
https://codepen.io/atuin/pen/eYNOmRJ

Answer 2

[arsenty]

clip-path: https://developer.mozilla.org/en-US/docs/Web/CSS/c...