Efekt ściętego tła w CSS

Witajcie. Poszukuję jakiegoś przykładu lub nazwy jak mogę uzyskać efekt “ściętego” tła za pomocą CSS3. Wygląda to tak jakby np. od góry tło było pod kątem 30 stopni lub podobnie . Czasem są jakieś inne wymyślne kształtu jak fale itp. Niestety nie znalazłem żadnego przykładu jak można taki efekt uzyskać.

Zasadniczo nie ma takiej właściwości w CSS umożliwiającej obrót tła. Można najwyżej obrócić element jakiś za pomocą transform i rotate. W tej sytuacji ja bym dla elementu body stworzył pseudo element :before, rozciągnął na całą stronę, dał mu odpowiednie tło i obrócił. Po 5sek szukania w google: http://www.sitepoint.com/css3-transform-background-image/

background-clip - może to Ci przypasuje.

Na początek pokombinuj z wartością

transform:rotate(Xdeg);

dla elementu którego tło chcesz przekrzywić.

Pomocne będą z pewnością pseudoelementy :before , :after oraz pozycjonowanie absolutne.