Gratis · Diseño y CSS
Generador de esquinas squircle (CSS corner-shape).
Crea esquinas suaves al estilo iOS con la nueva propiedad CSS corner-shape, con alternativa clip-path y SVG para navegadores que aún no la admiten.
Loading the calculator…
Cómo usar esta herramienta: Generador de esquinas squircle (CSS corner-shape)
Introduce los datos o selecciona el archivo. Ajusta las opciones, genera el resultado y revísalo antes de copiarlo o descargarlo.
Límites y formatos compatibles
Los datos se procesan en tu dispositivo.
Notas técnicas en inglés
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.