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 pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
275 Kč
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
