Próbuję pochylić div, podobnie do tego:Pochyl górę div za pomocą css bez przekrzywiania tekstu albo to:http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/

Oto obraz tego, co próbuję zrobić:

Zasadniczo, muszę pochylić granice w dziwny sposóbwszystkie 4 strony. Mogę to zrobić za pomocą obrazów tła, ale wolałbym jakiś sposób na zrobienie tego w CSS, aby div mogły reagować na szerokość i wysokość. Chciałbym znaleźć rozwiązanie, które działa na starszych przeglądarkach, ale rozumiem, że nie mogę mieć wszystkiego!

Jaki byłby najlepszy sposób na ukośne granice ze wszystkich czterech stron? (Uwaga: granica na dole zielonego pola jest pochylona w górę i na zewnątrz na zewnątrz, a ja NIE potrzebuję granic, aby to zrobić. Tylko nachylenie w jednym kierunku jest dobre.)