Как сделать волну на CSS3 для футера?

Question

[Ivan Stroykin]

Доброго времени суток,

Как можно сделать на чистом css вот такую конструкцию для футера? (волну)
На фото пример того, что должно получиться в итоге. Но пример "примерный"

Причем, чтобы от соотношения к размеру экрана вид не терялся. (как понимаю, в % всё прописывать)
Пробую с помощью :after и :before. Пока не очень получается :)

Сделал по примеру из комментария. Правда, как бы не старался, получается не очень круто)

Answer 1

[display: block]

jsfiddle.net/8n17L9ze
Модифицированный фиддл отсюда stackoverflow.com/questions/17202548/wavy-shape-wi...

Comments

[Ivan Stroykin]

Спасибо. Правда, как бы не старался, не очень круто получается))