Esquinas Redondeadas CSS3

Una de las más famosas propiedades de CSS3 es el atributo "border-radius". Los diseñadores Web ya no tendrán que recurrir a la compleja estructura de tablas, utilizando gráficos de esquinas a medida a fin de generar diseños con esquinas redondeadas. ¡Utiliza CSS3 border-radius para hacer tus esquinas redondeadas!

DEl siguiente código se genera mediante border-radius en el CSS3Menu:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;

He aquí una instantánea de Firefox que muestra el efecto esquinas redondeadas:

El border-radius es compatible con los siguientes navegadores: Webkit (de Safari 3 +), Opera 10.5, Firefox 3.5.

Ver también:
CSS3 Esquinas Redondeadas, CSS3 Sombras, CSS3 Animación, CSS3 Texto de la Sombra, CSS3 Degradado, CSS3 Transición

Descargar

• Descargar Edición Gratuita
  para Windows & Mac
• Descargar Edición Comercial
  para Windows & Mac - $59

Generador CSS3 de Esquinas Redondeadas

Las formas rectangulares son aburridas. Desde el inicio de las interfaces gráficas, los programadores han estado obsesionados por desarrollar esquinas perfectamente redondeadas en la pantalla, sin recargar demasiado la memoria del ordenador.

Te sorprenderá cómo algo tan simple como las esquinas redondeadas en los botones puede cambiar la percepción de un sitio para un usuario de Internet. El menú de navegación es una de las primeras cosas que la gente observa en cuando visita un sitio Web, y esa impresión influye - tanto consciente como inconscientemente – en sus futuras decisiones. Los bordes suaves, redondeados, transmiten simpatía y accesibilidad, lo cual es muy importante si quieres mantener a tus nuevos visitantes y que no abandonen el sitio Web.

Descargar

• Descargar Edición Gratuita
  para Windows & Mac
• Descargar Edición Comercial
  para Windows & Mac - $59