Gratis · Design e CSS
Generatore di angoli squircle (CSS corner-shape).
Crea angoli morbidi in stile iOS con la nuova proprietà CSS corner-shape, con fallback clip-path e SVG per i browser che non la supportano.
Loading the calculator…
Come usare questo strumento: Generatore di angoli squircle (CSS corner-shape)
Inserisci i dati o scegli il file. Regola le opzioni, genera il risultato e controllalo prima di copiarlo o scaricarlo.
Limiti e formati supportati
I dati vengono elaborati sul tuo dispositivo.
Note tecniche in inglese
corner-shape is new (Chromium first); the clip-path fallback needs a fixed size. Everything is calculated in your browser; nothing you type is uploaded.
corner-shape: superellipse(k) draws |x|^(2^k) + |y|^(2^k) = 1 in each corner (k = 2 is the squircle). The fallback samples the same curve into an SVG path.
A 48 px radius with corner-shape: squircle, plus a 240 × 240 clip-path that draws the same superellipse corners everywhere.