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
