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!