Générateur de forme CSS Blob organique
Concevez visuellement vos border-radius CSS : quatre curseurs indépendants par coin en px ou en pourcentage, un raccourci de liaison pour des cercles et des pilules instantanés, ainsi qu’un mode Blob organique avec des formes aléatoires.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Cette page ouvre le générateur de border-radius directement en mode Blob avec une forme organique déjà chargée : pas de coins carrés, pas de cercle parfait, juste un contour doux et irrégulier construit uniquement en CSS. Cliquez sur Aléatoire à tout moment pour une nouvelle variation.
L’astuce derrière chaque blob CSS est la syntaxe à huit valeurs avec barre oblique : border-radius accepte deux ensembles de quatre pourcentages séparés par une barre oblique, le premier courbant les rayons horizontaux et le second les verticaux. C’est le désaccord entre les deux ensembles qui brise la symétrie d’un rectangle arrondi classique pour en faire un contour organique.
Ce type de blob remplit l’espace vide derrière les images de héros, les avatars et les illustrations sur d’innombrables landing pages modernes, précisément parce qu’aucune bibliothèque ni export SVG n’est nécessaire — il suffit de quatre lignes de CSS. Copiez la forme actuelle ou continuez à générer aléatoirement jusqu’à ce qu’elle s’intègre parfaitement à votre mise en page.