Utilidad para crear bordes redondeados en CSS (border-radius) de manera visual, rápida y sencilla


El post de hoy sera cortito. Resulta que he encontrado por la red una página muy sencillita que solo hace una cosa, pero la hace muy bien. Se trata de border-radius.com. Su utilidad radica en que se puede probar de manera inmediata cualquier tipo de redondeo de borde para un div en concreto, generar el código y hacer un “copia y pega” en nuestro propio site en desarrollo.

Funciona de la siguiente manera:

1).- Accedemos a la página border-radius.com

2).- Hacemos diversas pruebas con el rectángulo que aparece. En cada esquina podemos especificar un número diferente para el radio de la circunferencia. Incluso podemos dejarlo a cero para que esa esquina en concreto no tenga redondeo, y las restantes si.

3.- Una vez que nos guste el resultado visual que se nos muestra, copiamos el código que se ha generado y lo pegamos en nuestra hoja de estilos. Este código será valido para navegadores basados en Gecko, Mozilla o simplemente que soporten las especificaciones propias del CSS3.

A disfrutarlo!

 

Anuncios

2 comentarios en “Utilidad para crear bordes redondeados en CSS (border-radius) de manera visual, rápida y sencilla

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s