Efekt ściętego tła w CSS


(arlid) #1

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ć.


(M@ster) #2

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/


(kalitt) #3

background-clip - może to Ci przypasuje.


(YoJoe) #4

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.