Border radius es un servicio que te permite darle esa curva a las esquinas de tus elementos, solo hay que ir especificando las medidas del radio y generará el CSS correspondiente, todo de manera online.
/* Mozilla */
-moz-border-radius: valor;
/* WebKit */
-webkit-border-radius: valor;
/* W3C */
border-radius: valor;
-moz-border-radius: valor;
/* WebKit */
-webkit-border-radius: valor;
/* W3C */
border-radius: valor;
Texto de ejemplo: CSS generado por border-radius.com
-webkit-border-radius: 20px; -webkit-border-top-left-radius: 200px; -webkit-border-bottom-right-radius: 200px; -moz-border-radius: 20px; -moz-border-radius-topleft: 200px; -moz-border-radius-bottomright: 200px; border-radius: 20px; border-top-left-radius: 200px; border-bottom-right-radius: 200px;
El generador de css3maker me gusto mas ya que permite jugar con varias propiedades, facilita mucho el trabajo a la hora de necesitar esos efectos.
Texto de ejemplo: CSS generado por css3maker
-moz-border-radius-topleft: 75px; -moz-border-radius-topright:37px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:75px; -webkit-border-top-left-radius:75px; -webkit-border-top-right-radius:37px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:75px; border-top-left-radius:75px; border-top-right-radius:37px; border-bottom-left-radius:0px; border-bottom-right-radius:75px;
Otros generadores CSS online que te pueden servir:
http://css3generator.com/
http://dryicons.com/demos/css3-linear-gradient-buttons-generator
http://www.css3.me
- Los comentarios están siendo moderados y serán publicados en la brevedad posible.