Rizal Renaldi

← Back

How to nested border radius

My take on the interactive demo

dev

When creating nested elements with border radius, the inner radius should be adjusted to maintain a visually balanced shape. A basic formula is: inner radius = outer radius minus the padding (the gap between the inner and outer element).

Inner radius=Outer radius-Padding
Radius36px
Padding12px
36px
12px
24px

The Blog of Rizal Renaldi

2025 © rizalrenaldi.com — Made with 🖖