Czas czytania: < 1 minutPseudo-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.
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
Czas czytania: < 1 minutWł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>.
![Jak osiągnąć efekt skośnego tła na stronie? [CSS]](https://aurainweb.pl/wp-content/uploads/2019/10/office-16-814x250.jpg "Jak osiągnąć efekt skośnego tła na stronie? [CSS] 3")
PHP, HTML, CSS / Efekty / Tło, Obraz, Grafika
Jak osiągnąć efekt skośnego tła na stronie? [CSS]
Czas czytania: 2 minutOd 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.
PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika
Jak na stronie umieścić gradientowy (różnokolorowy, ombre) tekst CSS?
Czas czytania: 2 minutDzisiaj zajmę się po raz kolejny modyfikowaniem wyglądu tekstu na stronie internetowej a konkretnie pokażę jak uzyskać efekt gradientowego tekstu czyli wielokolorowego tekstu.
Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika
Tło w kształcie fali (wavy shape) z pomocą CSS
Czas czytania: 2 minutW 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
Czas czytania: 3 minutDzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) na stronie internetowej z pomocą CSS. Na chwilę obecną istnieje kilka różnych metod z pomocą, których uzyskać możemy złudzenie odbicia. […]
![Mieszanie kolorów z selektorem mix-blend-mode [CSS]](https://aurainweb.pl/wp-content/uploads/2017/11/mieszanie-kolorow-814x250.jpg "Mieszanie kolorów z selektorem mix-blend-mode [CSS] 7")
Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika
Mieszanie kolorów z selektorem mix-blend-mode [CSS]
Czas czytania: < 1 minutWł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.
PHP, HTML, CSS / Tło, Obraz, Grafika
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Czas czytania: < 1 minutWłaściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Czas czytania: < 1 minutZ 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 internetowej.
Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika
Przełamanie / Przerywane obramowanie, tło – box-decoration-break
Czas czytania: < 1 minutBardzo 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.
PHP, HTML, CSS / Tekst w HTML i CSS / Tło, Obraz, Grafika
Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Czas czytania: 2 minutWyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.
PHP, HTML, CSS / Tło, Obraz, Grafika
Tworzenie gradientu na stronie z pomocą CSS3
Czas czytania: 4 minutSłowo gradient zwykle kojarzy się nam się zwykle z obrazkiem posiadającym bardzo ciekawą kolorystykę np. przechodzącym z jednej barwy w drugą.