Skocz do zawartości
MaxGaming

[CSS] Obrazki w odpowiednim kształcie

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

Udostępnij tego posta


Odnośnik do posta
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().

  • Lubię (+1) 1

Udostępnij tego posta


Odnośnik do posta
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

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

Tylko 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ę tutaj.

Zaloguj się tutaj

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

×