Skocz do zawartości

[CSS] Obrazki w odpowiednim kształcie


MaxGaming

Rekomendowane odpowiedzi

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 :/

obraz.JPG

Odnośnik do komentarza
Udostępnij na innych stronach

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().

Odnośnik do komentarza
Udostępnij na innych stronach

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

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...