Как реализовать данный блок на css?

Question

[WebforSelf]

Друзья, есть такой блок, можно ли сделать на чистом css волнистый блок

Comments

[Rustam Bainazarov]

SVG нарисуйте и вставляйте.

Можете clip-маску поверх блока сделать, так вы получите нужный блок с резиновыми размерами и неискажаемой толщиной полупрозрачной обводки.

[WebforSelf]

Рустам Байназаров, еще б знать как нарисовать)

Answer 1

[Андрей]

лови. прижмешь к правому краю. цвета поменяешь и будет счастье
https://jsfiddle.net/fcdhexqn/

Comments

[WebforSelf]

Подскажите а как сделать размер чтоб по ширине был на всю ширину ( убрал параметр width на всю ширину стал) а вот по высоте нужно чтоб был 108 ( максимально 270х108 ) тут же по пропорциям он становится 270 на 98

[Андрей]

WebforSelf, нужно добавить атрибут preserveAspectRatio="none"

Answer 2

[html-css]

jsfiddle.net/8n17L9ze