Sigueme por RSS! RSS

CSS3: generar online bordes redondeados y más..


Border radius es una propiedad de CS3 admitida en IE9, Firefox 4, Opera y Chrome.

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;


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

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.