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.

Tło, Obraz, Grafika

Właściwość CSS backdrop-filter

Posted on:

Czas czytania: < 1 minut Właściwość CSS backdrop-filter należy do grupy filtrów z ich pomocą możemy zmienić fragment koloru tła mieszczący się pod elementem blokowym np. <div>, <span>, <p>. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym […]

Efekty / Formatowanie tekstu na stronie / Inne / PHP, HTML, CSS / Tło, Obraz, Grafika

Układ kolumnowy na stronie z pomocą float

Posted on:

Czas czytania: 7 minut Dziś zajmiemy się tematyką rozmieszczania elementów na stronie internetowej. Do tego celu na stronach wykorzystuje się elementy takie jak <div>, <header> czy <footer>. Nas dziś będzie interesował <div>. Istnieje kilka właściwości CSS, […]

Efekty / PHP, HTML, CSS / Tło, Obraz, Grafika

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

Posted on:

Czas czytania: 2 minut 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 strony. To była moja pierwsza myśl i jak się kazało błędna. Aurelia SypniewskaW branży IT jestem […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

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

Posted on:

Czas czytania: 2 minut Dzisiaj zajmę się po raz kolejny modyfikowaniem wyglądu tekstu na stronie internetowej a konkretnie pokażę jak uzyskać efekt gradientowego tekstu czyli wielokolorowego tekstu. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

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

Posted on:

Czas czytania: 2 minut W związku z tym, że mamy wakacje postanowiłam pisać o nieco lżejszych tematach. Dlatego też dzisiaj pokażę wam jak zrobić efekt falującego tła (wavy shape, efekt fali) na stronie. W brew pozorom efekt ten […]

PHP, HTML, CSS / Tło, Obraz, Grafika

Lustrzane odbicia obrazków z pomocą CSS

Posted on:

Czas czytania: 2 minut Dzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) z pomocą CSS. Aktualnie z pomocą CSS można uzyskać ten efekt na kilka różnych sposobów. Aurelia SypniewskaW branży IT […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

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

Posted on:

Czas czytania: < 1 minut 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. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

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

Posted on:

Czas czytania: < 1 minut 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. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką […]

PHP, HTML, CSS / Tekst w HTML i CSS / Tło, Obraz, Grafika

Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS

Posted on:

Czas czytania: 2 minut Wyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

Gradient z wykorzystaniem CSS3 jako tło strony

Posted on:

Czas czytania: 4 minut Słowo gradient kojarzy nam się zwykle z obrazkiem posiadającym bardzo ciekawą kolorystykę np. przechodzącym z jednej barwy w drugą. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką […]

Efekty / PHP, HTML, CSS / Tło, Obraz, Grafika

Filtry graficzne w CSS – ciekawe efekty na stronę internetową

Posted on:

Czas czytania: 4 minut Obecnie istnieje kilka sposobów na zmianę koloru obrazka bez użycia programów do obróbki grafiki. Jedną z takich metod jest zastosowanie filtrów graficznych oferowanych przez właściwość CSS filter. Aurelia SypniewskaW branży IT jestem już od 2007 […]

Efekty / PHP, HTML, CSS / Tło, Obraz, Grafika

Jak uzyskać na stronie efekt przezroczystości na stronie internetowej? [CSS]

Posted on:

Czas czytania: 2 minut Efekt przezroczystości na stronie internetowej można bardzo łatwo i szybko uzyskać. Nie potrzebujemy do tego żadnych grafik wystarczy jedynie znajomość CSS. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się […]