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

Vedomosti v hodnote stoviek tisíc získaš za pár eur

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.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • 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.
Článok pre vás napísal Max Snítil
Avatar
.
Aktivity