12. diel - Vlastnosť object-fit v CSS
V predchádzajúcom kvíze, Kvíz - Animácia v CSS, sme si overili nadobudnuté skúsenosti z predchádzajúcich lekcií.
V tejto CSS lekcii si predstavíme vlastnosť object-fit, ktorá nám vyrieši problém s deformovaním obrázku pri zmene veľkosti okna alebo zariadenia.
Object-fit
Určite ste sa už stretli s tým, že ste vložili na svoju stránku obrázok, ktorý nemal ideálnu veľkosť. Nastavili ste mu ju teda pomocou vlastností CSS a zistili, že obrázok stále nevyzerá podľa vašich predstáv -
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
10 €
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V CSS tutoriále si predstavíme vlastnosť object-fit, ktorá nám pomôže k zachovaniu kvality obrázku a ochráni nás pred jeho deformáciou.