Generador de border-radius CSS
Crea esquinas redondeadas asimétricas y formas orgánicas modernas para tus tarjetas y botones mediante controles visuales.
- Gratis
- Sin registro
- Se ejecuta en tu navegador
- Funciona en móviles
Generador de border-radius CSS de un vistazo
- Entrada
- Radio de las 4 esquinas
- Salida
- Código CSS border-radius listo
- Privacidad
- Todo ocurre en tu dispositivo. No se sube ningún dato.
- Precio
- Gratis, sin cuenta, sin marcas de agua.
Cómo usar Generador de border-radius CSS
- 1Arrastra los controladores situados en las esquinas de la figura.
- 2Visualiza la transformación de la forma en tiempo real.
- 3Copia la propiedad border-radius generada para tus estilos.
Características
- Ajuste independiente de cada una de las 4 esquinas.
- Soporte para sintaxis avanzada de 8 valores para formas fluidas (blobs).
- Previsualización fluida y código limpio.
- Totalmente gratis.
Preguntas frecuentes sobre Generador de border-radius CSS
¿Cómo se logra una forma de gota o ameba en CSS?
Utilizando la sintaxis completa de border-radius con diferentes radios horizontales y verticales separados por una barra inclinada (/ ).
¿Es gratis?
Sí, 100% gratuita.
Herramientas relacionadas
Generador de sombras CSS (box-shadow)Diseña sombras realistas y suaves para cajas, tarjetas y botones web con previsualización en directo y código CSS listo.Generador de degradados CSS (Gradient Generator)Diseña de forma visual degradados de color lineales y radiales y copia el código CSS listo para tus fondos y botones.Formateador de CSS online (CSS Beautifier)Embellece e indenta hojas de estilo CSS comprimidas para que sean cómodas de leer, editar y mantener.Decodificador Base64 onlineRecupera el texto original legible a partir de una cadena codificada en Base64 con soporte completo para UTF-8.
Más herramientas de developer toolsÚltima actualización