Как реализовать такое посредством CSS?

Question

[Дмитрий]

Можно ли реализовать такое посредством CSS?


Если да, подскажите каким образом. Спасибо.

Answer 1

[Денис Т]

всё просто
https://developer.mozilla.org/ru/docs/Web/CSS/clip-path
bennettfeely.com/clippy

Comments

[Дмитрий]

Всё бы хорошо, только caniuse.com/#search=clip-path

[Денис Т]

Дмитрий: тут согласен. но вот например для ие я вообще не вижу никакого решения, кроме обрезанного изображения, вставленного фоном

Answer 2

[Sergo Sergo]

Если просто, то можно это вырезать картинкой и поставить в background блоку

Comments

[Гриша Никольский]

Мало того, что просто, так еще и в IE будет работать.

Answer 3

[Brasileiro]

codepen.io/Geyan/pen/NRdEbQ?editors=110 - так ?

Answer 4

[ya_yshel_rabotati_v_teleg]

!!Just for Fun

Можно на канвасе отрисовать с помощью кривых безье =)