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.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
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íš s Provozní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í.
