ConverterHub

Generátor CSS clamp

Vytvorte plynulú hodnotu clamp(), ktorá plynulo škáluje veľkosť písma medzi dvoma šírkami viewportu.

Ako používať

  1. Zadajte potrebné hodnoty do polí.
  2. Kliknite na „Vypočítať“ a zobrazí sa výsledok.
  3. Skopírujte alebo zdieľajte výsledok tlačidlom „Zdieľať“.

O tejto kalkulačke

Tento nástroj vygeneruje responzívnu CSS funkciu clamp() pre plynulú typografiu — clamp(min, preferred, max) — kde preferovaná hodnota je vypočítaný výraz založený na vw, ktorý plynulo škáluje veľkosť písma medzi minimálnou a maximálnou šírkou viewportu, takže sa ďalej nezväčšuje ani nezmenšuje nad vami zvolené hranice.

Front-end vývojári ju používajú, aby sa vyhli písaniu viacerých media-query zlomov len na úpravu veľkosti nadpisov a textu, a dostali tak jedno CSS pravidlo, ktoré sa plynulo škáluje. Zadajte minimálnu a maximálnu veľkosť písma a rozsah viewportu, aby ste získali hotové pravidlo clamp() na vloženie.

Was this helpful?

Môžete vybrať až 3 reakcie.

Comments (0)

  • Be the first to comment.

Populárne kalkulačky

Kalkulačka úveru

Vypočítajte mesačné splátky úveru, celkový úrok a celú sumu na splatenie.

Kalkulačka percent

Vypočítajte percentá, percentuálnu zmenu a koľko percent tvorí jedno číslo z druhého.

Kalkulačka zľavy

Vypočítajte konečnú cenu po percentuálnej zľave a zistite, koľko ušetríte.

Kalkulačka BMI

Vypočítajte si index telesnej hmotnosti (BMI) z výšky a hmotnosti a zistite svoju kategóriu.

Kalkulačka veku

Vypočítajte svoj presný vek v rokoch, mesiacoch a dňoch z dátumu narodenia.

Kalkulačka zloženého úročenia

Zistite, ako vaše úspory rastú vďaka zloženému úročeniu a pravidelným vkladom.

Všetky kalkulačky