Charakterystyka właściwości clip CSS

zdjęcia, photos, images

Kategoria wpisu Kurs CSS, Kursy, PHP, HTML, CSS, Tło Tagi: , , , , , , , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Z pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie. Z pomocą tej właściwości możemy nadawać jedynie prostokątne lub kwadratowe kształty. Nieco bardziej nietypowe jak np. trójkąty nie są niestety możliwe z tą właściwością. Właściwość Clip jest rozpoznawana przez większość przeglądarek.

Jak skorzystać z właściwości clip

Na początek przekształcane z pomocą CSS obiekty muszą posiadać inną właściwość: position absolute lub fixed.

Właściwość Clip pod wieloma względami przypomina inne. Domyślnym jej ustawieniem jest auto – w takim przypadku ilustracja lub inny obiekt jest całkowicie widoczny.

„auto” to całkowita, naturalna wielkość obiektu.

Przycinanie obiektu

przykład:

safari

safari

safari

Jak widać w zależności od ustawionych parametrów uzyskujemy inny efekt – fragment obrazka widoczny lub ukryty. Oczywiście możemy uzyskać również całkowitą niewidoczność wystarczy ustawić ustawienia na 0,0,0,0.

Inne metody przycinania obrazów omówiłam:

Dopasowywanie tekstu do kształtu obrazka – CSS

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *