⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Generator kamenca vrste tekućine

Izračunajte stvarnu fluidnu CSS vrijednost clamp() iz minimalne i maksimalne veličine preko dvije širine okvira za prikaz, s nagibom i sjecištem prikazanim korak po korak i pregledom promjene veličine uživo.

Obrada... 0%

Rezultat

Ova stranica otvara kalkulator izravno u načinu ljestvice tipa s bazom od 16 piksela i već odabranim omjerom od 1,25 (velika terca) — solidna, široko korištena polazna točka za tipografsku ljestvicu. Samo iz ta dva broja generira se šest veličina: mala, osnovna, h4, h3, h2 i h1, svaka ima svoju vrijednost fluid clamp(), a ne jednu fiksnu veličinu.

Svaki korak održava osnovnu veličinu usidrenom na istoj vrijednosti i na mobilnom i na stolnom dijelu, dok se naslovi agresivnije povećavaju na širem prozoru za prikaz stolnog računala nego na uskom mobilnom prikazu — ista je ideja kao odabir blažeg omjera za male zaslone i podebljeg za velike zaslone, koji se automatski izvodi iz jednog omjera koji odaberete.

Promjena omjera na 1,125, 1,2, 1,333 ili 1,5 trenutačno regenerira cijelu tablicu, a gumb ispod kopira svih šest vrijednosti clamp() kao blok CSS prilagođenih svojstava spreman za lijepljenje za ostatak stilske tablice za referencu.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Prava fluidna tipografska matematika: nagib, vw koeficijent i sjecište y-osi eksplicitno prikazani, a ne samo konačna linija stezaljke().
  • Pretpregled uživo: povucite klizač širine okvira za prikaz kako biste vidjeli kako se veličina uzorka teksta mijenja točno onako kako bi se mijenjala veličina pravog prozora preglednika.
  • Način skaliranja tipa: osnovna veličina i omjer od 1,125 do 1,5 generiraju šest fluidnih clamp() koraka — mali, osnovni, h4, h3, h2, h1 — kao CSS spreman za kopiranje.

Ključne prednosti

✓ Linija clamp(), brojevi nagiba i raskrižja te pregled uživo ažuriraju se dok tipkate - nema gumba za pritiskanje.
✓ Klizač širine okvira za prikaz pokreće okvir za pregled uživo, tako da vidite točno fluidno skaliranje na djelu između minimalnih i maksimalnih prijelomnih točaka, a ne samo formulu.
✓ Zasebni način ljestvice tipa pretvara jednu osnovnu veličinu i omjer u potpunu fluidnu ljestvicu naslova u 6 koraka, spremnu kao blok CSS prilagođenih svojstava.

Slučajevi upotrebe

  • • Pretvorite minimalnu/maksimalnu veličinu fonta i raspon okvira za prikaz u stvarnu crtu clamp() — uključujući nagib, vw koeficijent i sjecište — umjesto da gledate jedan iz vodiča.
  • • Povucite klizač širine okvira za pregled kako biste pregledali promjenu veličine naslova ili tijela točno onako kako bi se promijenila veličina pravog prozora preglednika, prije nego što ga unesete u stilsku tablicu.
  • • Generirajte potpunu ljestvicu fluidnog tipa u 6 koraka (male do h1) iz jedne osnovne veličine i omjera, kopirane kao blok CSS prilagođenih svojstava spreman za lijepljenje.
  • • Izgradite fluid clamp() za razmak (margina, padding, gap) umjesto za veličinu fonta — ista formula nagiba/presjeka primjenjuje se na bilo koje CSS svojstvo.