listopad 2019

CSS

Opacity w CSS3

W CSS3, właściwość opacity umożliwia kontrolowanie przezroczystości elementu. Można dzięki niej ustawić, na ile element ma być przezroczysty, gdzie wartość 1 oznacza całkowitą nieprzezroczystość (element jest w pełni widoczny), a wartość 0 oznacza całkowitą przezroczystość (element jest niewidoczny). Wartości pomiędzy 0 a 1 pozwalają na uzyskanie różnych stopni przezroczystości.

CSS

backface-visibility w CSS3

Właściwość CSS backface-visibility określa, czy tylna strona elementu jest widoczna, gdy nie jest zwrócona bezpośrednio do widza. Jest to szczególnie przydatne w animacjach i transformacjach, gdzie elementy obracają się w przestrzeni 3D. Dzięki tej właściwości możemy kontrolować wyświetlanie tylnych stron elementów, co pozwala na tworzenie bardziej złożonych i interaktywnych efektów wizualnych na stronach internetowych.

CSS

Text-Orientation w CSS3

W CSS3 właściwość text-orientation umożliwia kontrolę nad orientacją tekstu w obrębie elementu. Jest to szczególnie przydatne w kontekście pionowych układów tekstu, co jest często spotykane w językach wschodnioazjatyckich, takich jak japoński czy chiński, ale może być również zastosowane do tworzenia kreatywnych układów i efektów wizualnych w językach pisanych w alfabecie łacińskim.

CSS

column-fill w CSS3

Właściwość column-fill w CSS3 kontroluje, w jaki sposób treść jest rozdzielana pomiędzy kolumny w wielokolumnowym układzie. Dzięki temu można określić, czy kolumny mają być wypełniane równomiernie treścią, czy najpierw powinna być wypełniona jedna kolumna, zanim treść przepłynie do następnej. Właściwość ta oferuje dwie główne wartości: auto i balance, gdzie balance jest wartością domyślną, dążącą do

CSS

Break-after w CSS3

W CSS3, właściwość break-after jest używana do kontroli przerw (breaks) po elementach blokowych, co ma szczególne znaczenie w kontekście drukowania lub prezentacji treści na stronach internetowych. Pozwala na zarządzanie tym, jak strona lub elementy są dzielone pomiędzy kolumnami, stronami lub regionami. Jest to szczególnie przydatne w layoutach wielostronicowych, kolumnowych lub w mediach paged, takich jak

CSS

Column-count w CSS3

CSS3 wprowadza wiele innowacyjnych rozwiązań, które umożliwiają twórcom stron internetowych lepszą kontrolę nad układem i stylizacją witryn. Jedną z takich nowości jest właściwość column-count, która pozwala na łatwe tworzenie wielokolumnowych układów tekstu, podobnie jak w gazetach czy magazynach. Dzięki temu można w prosty sposób zarządzać rozmieszczeniem treści, poprawiając czytelność i estetykę strony.

CSS

Column-rule w CSS3

CSS3 wprowadziło wiele nowych możliwości dotyczących stylowania stron internetowych, wśród których znajduje się właściwość column-rule. Pozwala ona na dodanie linii pomiędzy kolumnami tekstu, co jest szczególnie przydatne w układach wielokolumnowych, gdzie chcemy uzyskać wyraźniejszy podział treści. Column-rule jest częścią specyfikacji CSS Columns, która umożliwia łatwe tworzenie układów tekstowych przypominających gazety czy magazyny.

CSS

Clip-path w CSS3

Clip-path jest potężną właściwością CSS3, która pozwala na wycinanie elementu do określonego obszaru. Dzięki tej właściwości można tworzyć złożone kształty i efekty wizualne, które wcześniej były możliwe tylko z użyciem obrazków lub zaawansowanego SVG. Clip-path oferuje szerokie możliwości, od prostych kształtów, takich jak koła czy elipsy, po bardziej skomplikowane wielokąty i nawet ścieżki zdefiniowane przez

CSS

Scale w CSS3

Transformacja scale w CSS3 pozwala na zmianę rozmiaru elementów HTML bez konieczności modyfikacji ich pierwotnych właściwości szerokości, wysokości czy innych atrybutów rozmiaru. Jest to część specyfikacji CSS Transforms, która umożliwia zastosowanie różnorodnych transformacji, takich jak skalowanie, obracanie, przesuwanie czy skośne przekształcanie elementów. Skalowanie może być stosowane do dowolnego elementu, dodając efekty wizualne, interaktywność lub po

CSS

White-space w CSS3

Właściwość white-space w CSS3 jest używana do kontrolowania sposobu przetwarzania przez przeglądarkę białych znaków w tekście elementu oraz sposobu łamania linii. Pozwala ona na zachowanie odstępów, przerw w linii wprowadzanych w kodzie HTML, a także kontrolę nad automatycznym łamaniem linii. Jest to szczególnie przydatne w sytuacjach, gdy chcemy, aby tekst w naszej stronie internetowej był

CSS

Transition w CSS3

Transitions w CSS3 umożliwiają tworzenie płynnych animacji między różnymi stanami elementów HTML przy zmianie właściwości CSS. Dzięki temu, bez konieczności stosowania JavaScriptu lub zewnętrznych bibliotek animacyjnych, można osiągnąć efekt łagodnego przejścia, na przykład podczas zmiany koloru tła, rozmiaru czy położenia elementu. Jest to podstawowe narzędzie dla front-end developerów, pozwalające na dodanie estetycznych i interaktywnych efektów

CSS

height w CSS3

Właściwość height w CSS3 jest podstawowym narzędziem do kontrolowania wysokości elementów w dokumentach HTML. Pozwala na precyzyjne określenie wysokości elementów, co jest kluczowe dla tworzenia responsywnych i dobrze zaprojektowanych stron internetowych. Właściwość ta może przyjmować różne wartości, takie jak jednostki stałe (px, cm), procenty, wartości względem rozmiarów viewportu (vh, vw) oraz inne, co umożliwia szeroką

CSS

cursor w CSS3

Właściwość cursor w CSS3 pozwala deweloperom na zmianę kształtu kursora myszy, gdy znajduje się on nad elementem. Jest to przydatne narzędzie, które może poprawić użytkownika interfejsu (UI) poprzez dostarczanie wizualnych wskazówek na temat możliwych akcji. CSS3 rozszerza gamę dostępnych kursorów, oferując większą elastyczność i pozwala na bardziej intuicyjne interakcje z aplikacjami webowymi.

CSS

Clip w CSS3

W CSS3, właściwość clip była używana do definiowania widocznej części elementu. Jednakże, warto zauważyć, że w nowoczesnym CSS właściwość clip jest przestarzała i zastąpiona przez clip-path, która oferuje znacznie więcej możliwości i elastyczności w przycinaniu elementów. Właściwość clip-path pozwala na określenie ścieżki przycinania, która decyduje, która część elementu powinna być widoczna. Może to być bardzo

CSS

inset w CSS3

Właściwość inset w CSS3 jest stosunkowo nowym dodatkiem do zestawu narzędzi CSS, umożliwiającym bardziej zwięzłe i wygodne pozycjonowanie elementów. Jest to skrócona właściwość dla top, right, bottom oraz left, która pozwala na określenie odstępów od każdej z tych krawędzi jednocześnie, co jest szczególnie przydatne przy stosowaniu pozycjonowania absolutnego lub stałego.

Scroll to Top