Я пытаюсь исказить div, похожий на это:Наклоните верхнюю часть div, используя CSS без перекоса текста или это:http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/

Вот's образ того, что яЯ пытаюсь сделать:

По сути, мне нужно странным образом наклонить границывсе 4 стороны, Я могу сделать это с фоновыми изображениями, но яЯ бы предпочел сделать это в CSS, чтобы div-ы могли реагировать на ширину и высоту. Я'Я хотел бы найти решение, которое работает в старых браузерах, но я понимаю, что могувсе есть!

Что было бы лучшим способом иметь наклонные границы со всех четырех сторон? (Примечание: граница внизу зеленой рамки наклоняется вверх по центру, а внизу снаружи, и мне НЕ нужны границы для этого. Хороший уклон в одном направлении - это хорошо.)