zdjęcia, photos, images
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.
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.
clip:auto;
„auto” to całkowita, naturalna wielkość obiektu.
przykład:
See the Pen clip by Aura (@Julka85) on CodePen.
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:
https://aurainweb.pl/dopasowywanie-tekstu-ksztaltu-okregu/
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…