Herramientas · CSS · Redondear esquinas en CSS

Redondear esquinas en CSS

Da forma a cada esquina de una caja por separado, o combínalas en una forma orgánica, y copia el CSS border-radius.

Suelta un archivo aquí, o elige uno.

Funciona por completo en tu navegador. No se sube ningún archivo.

Cómo funciona

  1. Ajusta el radio vinculado, o desactiva "Vincular todas las esquinas" para ajustar cada una por separado.

  2. Cambia al modo Blob, ajusta la suavidad, y haz clic en Aleatorio para una forma orgánica.

  3. Copia el CSS border-radius terminado.

Preguntas frecuentes

Sí. Desactiva "Vincular todas las esquinas" y ajusta las cuatro de forma independiente.

Genera la técnica abreviada de border-radius que se usa para formas orgánicas e irregulares: un radio horizontal y vertical distinto por esquina. Ajusta cuánto se nota el efecto con Suavidad, y luego haz clic en Aleatorio para una forma nueva.

Sí. Ajusta el radio al 50% para un círculo en una caja cuadrada, o una forma de píldora en un rectángulo ancho.

No. Todo funciona en tu navegador.

Comentarios

  1. Aún no hay comentarios. Sé el primero en compartir tu experiencia.
Tu valoración (opcional)

Ninguna valoración seleccionada