Как обрезать background по конусной форме?

Question

[T-dany]

Есть 3 блока. У каждого блока есть свой фон в jpg (png c прозрачными пикселями не подходит).
Нужно чтобы первый блок наложился поверх второго, но нижняя граница была в виде небольшого конуса и фон обрезался по этому конусу.
3-й блок ложится поверх второго и верхняя граница была в виде небольшого конуса. Как должны выглядеть, показано на картинке.
Как реализовать на css3?

Answer 1

[xmoonlight]

SVG + CSS3: clip-path