Generador de radio de borde
Diseñe visualmente el radio del borde de CSS: cuatro controles deslizantes de esquina independientes en px o porcentaje, un atajo de enlace en todas las esquinas para círculos y píldoras instantáneos, además de un modo de burbuja orgánica con formas aleatorias.
Resultado
Una declaración de radio de borde puede tomar hasta cuatro valores de esquina independientes más una sintaxis de barra diagonal opcional de ocho valores para curvas orgánicas: más partes móviles de lo que la mayoría de la gente cree hasta que necesitan algo más que una simple tarjeta redondeada. Este generador pone cada una de esas partes en la pantalla: cuatro controles deslizantes de esquina con su propia unidad de px o porcentaje, un atajo de enlace de todas las esquinas para formas simétricas y un modo blob para formas que ningún valor de radio único puede expresar.
El modo Esquinas cubre las formas que la gente realmente busca: vincule cada esquina a un control deslizante para obtener círculos, píldoras y ardillas perfectos, o desvincúlelos para redondear solo la parte superior de un panel desplegable o solo un lado de una tarjeta. Una vista previa de tablero de ajedrez detrás de la forma, intercambiable entre un fondo claro y oscuro, hace obvio exactamente qué esquinas se recortan en cualquier radio: las mismas herramientas de archivos de trucos visuales que se utilizan en este sitio para mostrar la transparencia.
El modo Blob es la otra mitad: la sintaxis de barra diagonal de ocho valores de CSS permite que los radios horizontales y verticales de cada esquina no coincidan, que es lo que convierte un rectángulo redondeado en un contorno orgánico e irregular. Presione Aleatorizar para obtener una forma nueva en cualquier momento y copie el CSS exacto detrás de ella, sin necesidad de exportación SVG ni biblioteca externa involucrada. Las páginas preestablecidas cubren las solicitudes que las personas realmente escriben en un cuadro de búsqueda: un círculo perfecto, un botón de pastilla con forma de estadio, una ardilla estilo iOS y una masa orgánica ya preparada.
Como todas las herramientas de este sitio, se ejecuta completamente en su navegador: sin carga, sin cuenta, y el generador sigue funcionando sin conexión una vez que se carga la página.