Tworząc strony internetowe posiadające jakiekolwiek obrazki w treści na pewno się spotkałeś/aś z problemem ładowania zbyt dużych obrazków na urządzeniach mobilnych. W wielu przypadkach, aby załadować obrazek odpowiedniej wielkości trzeba rozważyć szereg kryteriów jeśli chodzi o ekran wyświetlający stronę.
Dalej
W tym artykule poruszam temat związany ze skalowaniem obrazków i tła wraz ze zmianą szerokosci kontenera je zawierającego. Dzięki temu, proporcje obrazka nigdy nie będą naruszone i prezentowany obrazek będzie dobrze wyglądał.
Dalej
W dzisiejszym krótkim artykule po dłuższej przerwie postanowiłem opisać sposób na zrobienie lustrzanego odbicia jakiegoś obrazka.
Dzięki temu, będzie można tworzyć efektownie wyglądające galerie zdjęć bez wykorzystywania skryptów PHP czy JavaScript.
Niestety, ta metoda ma jedną wadę - nie działa we wszystkich przeglądarkach. Działa jedynie w przeglądarkach opartych o silnik Webkit, czyli Google Chrome i Safari. Lecz istnieje prawdopodobieństwo, że w przyszłości specyfikacja CSS3 zostanie wzbogacona o obsługę tego typu efektów.
![[HTML5] Jak zaimplementować responsywne obrazki na stronie?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/10/html5-responsive-images-srcset1.jpg&nocache=1)
![[CSS] Responsywne obrazki z zachowaniem proporcji](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2012/12/CSS-Responsywne-obrazki-z-zachowaniem-proporcji.jpg&nocache=1)
![[CSS] Lustrzane odbicie](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/08/lustrzane.jpg&nocache=1)