[Photoshop] TRANSFORM i BACKGROUND
Patryk Rosiński
2/24/2016 | 11:23 AM

Chciałbym usunąć problem przekrzywionego tła i zawartości, jeżeli używam TRANSFORM, każdy kolejny div również dostaje ten styl lub tło nie mieści się w div i zostaje biały róg.

Załącznik: Untitled-1.jpg
Dawid Mazur
2/25/2016 | 8:45 PM

Tutaj powinieneś znaleźć to o co chodzi:), polecam fajny artykuł https://css-tricks.com/clipping-masking-css/

Mariusz Folga
2/25/2016 | 10:14 PM

Przykład Dawida dużo ciekawszy, zwróć tylko uwagę na caniuse.com, które opcje są dostępne dla których przeglądarek. Daj znać jeśli masz jeszcze jakiś problem z tłem.

Mariusz Folga
2/24/2016 | 11:11 PM

generalnie maskuje się przy pomocy overflow: hidden dla nadrzędnego diva. Gdyby wychodziły "białe rogi" spróbuj użyć minusowych marginesów i paddingu.

Patryk Rosiński
2/24/2016 | 10:43 PM

Ok, ale jak próbuje zrobić tło to tło wychodzi zniekształcone, chyba, że w CSS można jakoś maskę nałożyć tego kształtu?

Mariusz Folga
2/24/2016 | 10:24 PM

chodzi mi o coś takiego: https://jsfiddle.net/1zkkt95o/1/

Patryk Rosiński
2/24/2016 | 9:53 PM

Niestety to również nie działa :/

Mariusz Folga
2/24/2016 | 9:39 PM

W skrócie proponowałbym dwa divy z przeciwnymi wartościami. Div parent z transform: skewX (5deg); w którym jest wpisany drugi div child ze skewX (-5deg);

Patryk Rosiński
2/24/2016 | 9:06 PM

Mariusz Folga dokładnie o to mi chodzi o czym mówisz :)

Dawid Mazur
2/24/2016 | 9:01 PM

Wydaje mi się, że chodzi o źle przypisany styl. To znaczy, że musisz dodać klasę do diva który ma być przekrzywiony i dopiero do tej klasy pisać style.

Mariusz Folga
2/24/2016 | 8:49 PM

Mógłbyś sprecyzować co chcesz osiągnąć? Czy chodzi o to, że chcesz żeby obrazki i tekst nie były przekrzywiane razem z divem podczas używania transform? Nie wiem za bardzo o co masz na myśli mówiąc o białych rogach.

Patryk Rosiński
2/24/2016 | 8:21 PM

Tylko nie wiem dlaczego, ktoś podpisał to jako PHOTOSHOP, jak mi chodzi o CSS3 :)

Pawel Sierny
2/24/2016 | 8:16 PM

To zależy do czego to będzie wykorzystane. Takie rzeczy najlepiej w Id. W Ps można zastosować maski na zdjęciach...