Gratuit · Design et CSS
Générateur de coins squircle (CSS corner-shape).
Créez des coins arrondis doux façon iOS avec la nouvelle propriété CSS corner-shape, avec une solution de repli clip-path et SVG pour les navigateurs qui ne la gèrent pas encore.
Loading the calculator…
Comment utiliser cet outil: Générateur de coins squircle (CSS corner-shape)
Saisissez ou sélectionnez vos données. Réglez les options, générez le résultat puis vérifiez-le avant de le copier ou de le télécharger.
Limites et formats acceptés
Vos données sont traitées sur votre appareil.
Notes techniques en anglais
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.