Grátis · Design e CSS
Gerador de cantos squircle (CSS corner-shape).
Crie cantos suaves ao estilo iOS com a nova propriedade CSS corner-shape, com alternativa em clip-path e SVG para navegadores sem suporte.
Loading the calculator…
Como usar esta ferramenta: Gerador de cantos squircle (CSS corner-shape)
Insira os dados ou escolha o arquivo. Ajuste as opções, gere o resultado e confira antes de copiar ou baixar.
Limites e formatos aceitos
Seus dados são processados no seu dispositivo.
Notas técnicas em 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.