Strumenti asset web

Calcolatore di CSS Clamp

Usa Calcolatore di CSS Clamp gratis nel browser. Non serve un account; i dati inseriti vengono elaborati localmente nel browser.

Funziona in localeI tuoi dati restano nel browser.
Area di lavoro
COME VIENE GENERATO

Genera un clamp() CSS fluido

Calcola un’interpolazione lineare tra due dimensioni a due larghezze viewport.

Dimensioni min/max + viewportCSS clamp()Elaborazione locale
01Dimensioni min/max + viewport
02Pendenza + intercetta
03CSS clamp()

L’espressione centrale combina pixel e vw.

DA SAPERE

Il valore fluido segue una retta tra due punti

clamp impedisce poi al valore di scendere sotto il minimo o salire oltre il massimo.

PRIVACY BY DESIGN

Il contenuto resta nel browser

L’elaborazione viene eseguita localmente nella pagina senza dover inviare il contenuto a UtilityLake.

02

In breve

Cosa fa esattamente?

Calcola un’interpolazione lineare tra due dimensioni a due larghezze viewport.

Un esempio?

L’espressione centrale combina pixel e vw.