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