Puedes recibir las actualizaciones gratis por email

Bordes redondeados en Webkit mediante CSS

roundedcornerswebkit

Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari).

Cabe decir Safari con su motor Webkit ha superado el acid test.

AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit!

.sample {
-webkit-border-radius:10px; /* todos los corners */
-webkit-border-top-left-radius:15px; /* corner arriba a la izquierda */
-webkit-border-top-right-radius:50px; /* corner arriba a la derecha */
-webkit-border-bottom-left-radius:15px; /* corner abajo a la derecha */
-webkit-border-bottom-right-radius:50px; /* corner abajo a la izquierda */
border:1px solid #fc0; /* color del borde */  

}

Ver ejemplo de su funcionamiento

Vía | DanielWash

Sigue la onda...

Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!

Autor de CSSBlog ES

Por ahora hay 3 comentarios ¿Quieres opinar?

01.11.09

solo funciona en safari?

01.11.09

@Free funciona en Firefox y en Safari, pero en esta entrada solo lo explicamos para que funcione en Safari. Para que funcione en Firefox, lee esta entrada: http://www.cssblog.es/diferencia-entre-bordes-redondeados-con-css2-y-css3/ y http://www.cssblog.es/bordes-redondeados-con-css3-en-internet-explorer/

Un saludo.

01.11.09

Este metodo solo funciona bajo chrome.
Para usarlos con Mozilla seria:
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;

Escribir un comentario

Tu comentario:
* El nombre, email y el comentario son requeridos
Comentaristas del mes
Últimos comentarios
  • Danilo: Muy buenos recursos muchas gracias!!…
  • lupiss: q amargadoss los k dicen k estan feoss … estann chidosss la verdadddd
  • drakkar: Me parece increible, creo que lo que se puede es esperar un poco mas sin dejar de actualizarce, y probar en...
  • dovercame: que locuuuuuurrrrraaaaaaa
  • dovercame: joder como te lo curras gracias por todo el trabajo que haces
Patrocinadores