Organic Shape Presets
Horizontal Radii (Width Curves)
Top-Left H30%
Top-Right H70%
Bottom-Left H30%
Bottom-Right H70%
Vertical Radii (Height Curves)
Top-Left V30%
Top-Right V30%
Bottom-Left V70%
Bottom-Right V70%
Color & Appearance
Fill Color
Border Outline
Real-Time Shape Canvas
Organic Blob
8-Point Radius
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
Comment sculpter des bordures organiques
- 1Déplacez les 8 poignées autour du cadre pour moduler la courbure des sommets.
- 2Observez la transition du rectangle vers une forme fluide et organique.
- 3Copiez la règle CSS `border-radius` complète à 8 valeurs.
Design Fluide sans Fichiers Vectoriels
En définissant des rayons horizontaux et verticaux séparés par une barre oblique (`/`), le CSS permet de façonner des silhouettes vivantes.
Architecture & Privacy
- Full CSS 8-Point Slash Syntax: Computes both horizontal and vertical radii (horizontal-radii / vertical-radii).
- Asymmetrical Curvature: Unlocks complex organic blobs and fluid geometric shapes without SVG dependencies.
- Native GPU acceleration: Utilizes hardware rasterized CSS border curves with zero layout reflows.
- Tailwind Arbitrary compatible: Generates sanitized rounded-[...] classes ready for production.
Foire Aux Questions (FAQ)
Outils Similaires
Popular
Générateur de Glassmorphisme CSS (Effet Verre Dépoli)
Concevez des cartes en verre translucide avec flou d'arrière-plan en temps réel
Launch tool→
Popular
Générateur d'Ombres CSS Multicouches (box-shadow)
Créez des ombres portées réalistes, diffuses et élégantes avec profondeur inset
Launch tool→
Trending
Générateur de Dégradés CSS (Linéaire & Radial)
Composez des dégradés linéaires, radiaux et coniques avec export CSS instantané
Launch tool→
Générateur de Triangles CSS Purs
Générez des flèches et triangles géométriques purs avec les bordures CSS sans aucune image
Launch tool→