[CSS] Obrazki w odpowiednim kształcie

[MaxGaming]

Chciałbym zrobić taki panel ze zdjęciami w kształcie takim jak na conept-arcie(trochę krzywy ale mam nadzieję że widać o co chodzi. Znalazłem nawet na internecie jak zrobić taki jeden obrazek w dowolnym formacie, ale jak zrobić kilka obok siebie? Muszą być to osobne, klikalne elementy dlatego złożenie np w gimpie odpada :/

[PsichiX]

https://jsfiddle.net/c87a37m3/

 

mozesz zrobic w gimpie gotowy zestaw obok siebie i tym divom ustawic kolor na transparentny, oraz odpowiedni rozmiar i przesuniecie, przez co wylacznie beda reagowac na kliki nad banerem.
caly trick polega na uzyciu cssowego skewX().

[MaxGaming]

Myślę, że podałeś mi świetny przykład. W praktyce sprawdzę jak będę miał chwilę

 

@e: a co jeśli musiałbym jednak wczytywać osobno obrazki? :/ Nie da rady jakoś np. ustawić jako background-image? Nie mam chwili żeby się pobawić teraz bo w teorii powinno być łatwo, ale domyślam się, że skoro napisałeś o tym gimpie to chyba nie do końca to takie proste i ja czegoś w tym nie przemyślałem i w praktyce dopiero zrozumiem swój błąd xd

[gnysek]

Ja to jakoś tak przerobiłem https://jsfiddle.net/c87a37m3/35/ i żadnego GIMPa nie trzeba.

[MaxGaming]

Dzięki wielkie, jak tylko będę miał luźniejszy dzień z nauką to pobawię się tym