How the 8-Point CSS Border Radius Syntax Works
CSS border-radius accepts up to eight values separated by a slash: border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%;. The numbers preceding the slash specify the horizontal radii, while the numbers after define the vertical radii. This asymmetry creates natural, organic blob curves popular in modern web design.
Frequently asked questions
What does Border Radius Generator do?
Generate 8-value fancy CSS border-radius and fluid organic blob shapes visually. Create fluid morphing shapes with one-click CSS copy. 100% free.
How does Border Radius Generator work?
CSS border-radius accepts up to eight values separated by a slash: border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%;. The numbers preceding the slash specify the horizontal radii, while the numbers after define the vertical radii. This asymmetry creates natural, organic blob...
Where can I find tools related to Border Radius Generator?
Use the related tools below to explore more CSS & Design tools.