Lekce 12 - Vlastnost object-fit v CSS3
V minulé lekci, Rotace elementů v CSS3, jsme si ukázali, jak lze otáčet elementy ve
2D a 3D prostoru. Využili jsme při tom funkce matrix(),
rotate() a skew().
V této CSS lekci si představíme vlastnost object-fit, která
nám vyřeší problém s deformováním obrázku při změně velikosti okna
nebo zařízení.
Vlastnost object-fit
Určitě jsme se již setkali s tím, že jsme vložili na svoji stránku obrázek, který neměl ideální velikost. Nastavili jste mu ji tedy pomocí CSS vlastností a zjistili, že obrázek stále nevypadá podle vašich
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V CSS tutoriálu si představíme vlastnost object-fit, která nám pomůže k zachování kvality obrázku a ochrání nás před jeho deformací.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
