Toolipedia
ES
← Todas las herramientas de texto

Generador de border-radius CSS

Redondea cada esquina con controles deslizantes y copia el CSS de border-radius.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de border-radius CSS

Redondea cada esquina por separado con deslizadores y ve cómo cambia la forma al instante, y luego copia la línea de border-radius. Usar 50 % en un cuadrado crea un círculo, mientras que un valor en píxeles muy grande en un rectángulo da una píldora. La sintaxis de ocho valores con barra permite esquinas elípticas, con aspecto de mancha.

Cómo usar Generador de border-radius CSS

  1. Configura las opciones de arriba. El resultado se actualiza en directo.
  2. Cambia lo que quieras hasta que quede perfecto.
  3. Copia el resultado o descárgalo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Cómo hago un círculo perfecto con CSS?

Dale al elemento el mismo ancho y alto y luego define border-radius en 50 por ciento. Sin lados iguales obtienes un óvalo.

¿Es gratis Generador de border-radius CSS?

Sí. Generador de border-radius CSS de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

Herramientas relacionadas