Tło, Obraz, Grafika

Czym była by strona internetowa gdyby nie było na niej odpowiedniego tła, obrazów czy grafik. W tej kategorii znajdziecie więc artykuły poświęcone tematyce umieszczania ich na stronie. Chociaż nie tylko bo również obróbce ich z pomocą różnych właściwości CSS.

Dlaczego połączyłam te dwie części razem? Ponieważ bardzo często to właśnie obraz chcemy ustawić jako tło.

Pseudo-element ::backdrop CSS

Pseudo-element CSS ::backdrop stanowi pole o wielkości okna bezpośrednio za obiektem. Można więc uznać, że jest to pewna forma tła.…

2 lata ago

Właściwość CSS backdrop-filter

Właściwość CSS backdrop-filter należy do grupy filtrów z ich pomocą możemy wpływać na rozmycie tła w elemencie blokowym np. <div>,…

3 lata ago

Jak osiągnąć efekt skośnego tła na stronie? [CSS]

Od razu przyznam się, że kiedy pierwszy raz zobaczyłam skośne tło na stronie internetowej to myślałam, że ktoś obrócił tło…

7 lat ago

Jak na stronie umieścić gradientowy (różnokolorowy, ombre) tekst CSS?

Dzisiaj zajmę się po raz kolejny modyfikowaniem wyglądu tekstu na stronie internetowej a konkretnie pokażę jak uzyskać efekt gradientowego tekstu…

7 lat ago

Tło w kształcie fali (wavy shape) z pomocą CSS

W związku z tym, że mamy wakacje postanowiłam pisać o nieco lżejszych tematach. Dlatego też dzisiaj pokażę wam jak zrobić…

7 lat ago

Lustrzane odbicia obrazków z pomocą CSS

Dzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) na stronie internetowej z pomocą CSS. Na…

8 lat ago

Mieszanie kolorów z selektorem mix-blend-mode [CSS]

Właściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim. (więcej…)

9 lat ago

Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position

Właściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze. (więcej…)

9 lat ago

Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit

Z pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie…

9 lat ago

Przełamanie / Przerywane obramowanie, tło – box-decoration-break

Bardzo ciekawym selektorem CSS jest box-decoration-break, z którego pomocą możemy stworzyć przełamany obszar np. z użyciem tła bądź obramowania. (więcej…)

9 lat ago