Herramientas de diseño

Generador avanzado de border-radius

Arrastra o escribe valores para visualizar y generar código CSS de border-radius irregular de 8 puntos.

Cambio rápido→Generador de box-shadow CSS

CSSRadio de bordeDiseño

Cambio rápido:Generador de box-shadow CSS Generador de glassmorphism

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Volver a Herramientas de diseño Explorar todas las herramientas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

Crea tarjetas con formas orgánicas
Estiliza botones morfológicos
Añade decoraciones especiales de interfaz

Cómo usar

Mueve los deslizadores independientes del radio de cada esquina
O cambia al control expandido de 8 puntos
Copia el CSS de border-radius

Entrada y salida de ejemplo

Acción

Activar control independiente

CSS

border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%;

FAQ

¿Para qué sirve la barra (/)?

En CSS border-radius, / separa los radios horizontales y verticales para que puedas formar elipses irregulares.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

Generador de box-shadow CSS

Generador de box-shadow CSS — Controles visuales

Disponible

Ajusta visualmente el desplazamiento, el desenfoque, la propagación, el color, la opacidad y el inset. Previsualiza en vivo y genera el CSS de box-shadow para tarjetas, botones y superposiciones.

CSS Sombra box-shadow

Abrir herramienta

Generador de glassmorphism

Generador de glassmorphism — backdrop-filter CSS