Czas czytania: 4 minut To w jaki sposób umieścimy na naszej stronie lub blogu dowolną grafikę w brew pozorom nie jest takie łatwe.
Tag: obrazek
Jak dodać plik w formacie SVG do strony internetowej?
Czas czytania: 2 minut Temat plików SVG nie jest nowy na moim blogu – poruszyłam jego tematykę w sumie już kilkakrotnie. Tym razem postaram […]
Zalecane formaty obrazów przez Google – JPEG 2000, JPEG XR i WebP
Czas czytania: 2 minut Tematem o jakim chce dziś napisać są zalecane przez Google formaty plików graficznych (next-gen formats).
Inne metody na rosponsywność obrazów i grafik w HTML i CSS (RWD)
Czas czytania: 3 minut W dzisiejszych czasach nikogo już nie dziwi kiedy obraz na stronie (RWD Responsive Web Design) zaczyna się “kurczyć” dostosowując w […]
Lustrzane odbicia obrazków z CSS
Czas czytania: 2 minut Dzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) z pomocą CSS.
Grafika w Bootstrap 4
Czas czytania: 2 minut Podobnie jak w Bootstrap 3 w Bootstrap 4 posiadamy już gotowe rozwiązania dla grafik umieszczonych na stronie.
Czym jest plik w formacie SVG oraz jakimi programami można go otworzyć?
Czas czytania: 2 minut Zacznijmy od tego że pliki SVG (z ang. Scalable Vector Graphics File) zostały stworzone głównie z myślą o stronach internetowych.
![Mieszanie kolorów z selektorem mix-blend-mode [CSS]](https://i0.wp.com/www.aurainweb.pl/wp-content/uploads/2017/11/mieszanie-kolorow.jpg?fit=720%2C221&ssl=1)
Mieszanie kolorów z selektorem mix-blend-mode [CSS]
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.
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Czas czytania: < 1 minut Właściwość CSS object-position służy do określania pozycji początkowej wybranego elementu HTML w kontenerze.
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Czas czytania: 2 minut 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 […]
