Gerador de border-radius CSS
Este gerador de border-radius CSS permite criar cantos arredondados visualmente. Ajuste um raio comum ou defina os valores horizontais e verticais de cada canto, alterne entre px e porcentagem, veja a prévia em tempo real e copie o CSS gerado.
Personalização
px
px
px
Todos os cantos
{{ allCorners.x }}{{ unit }}
{{ allCorners.x }}{{ unit }}
{{ allCorners.y }}{{ unit }}
{{ group.label }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].y }}{{ unit }}
{{ corner.label }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].y }}{{ unit }}
Experimental CSS property. Unsupported browsers will ignore it.