Generador de Border Radius CSS
Diseña visualmente CSS border-radius — controla las cuatro esquinas individualmente o juntas. Observa una vista previa en vivo.
Estudio · entorno neutro
Características
4-corner control
Unified / independent mode
Slider + number input
Live preview & CSS code
Cómo Usar
1. Arrastra el deslizador de radio — la tarjeta neutra previsualiza las esquinas a tamaño real.
2. Cambia a «Por esquina» para dar forma a cada esquina por separado.
3. Copia el CSS — usa la forma válida más corta.
Preguntas Frecuentes
What is border-radius?
The CSS border-radius property rounds the corners of an element's outer border edge.
Herramientas Relacionadas
Generador de Box Shadow CSS
Genera visualmente propiedades CSS box-shadow con controles deslizantes. Observa...
Generador de Degradados CSS
Crea degradados CSS lineales, radiales y cónicos visualmente. Añade múltiples pu...
Playground de CSS Flexbox
Aprende y experimenta con CSS Flexbox. Ajusta las propiedades del contenedor y o...
Generador de Grid CSS
Crea visualmente diseños de CSS Grid. Configura filas, columnas, espaciado y cop...