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