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!