Return to Snippet

Revision: 54952
at January 19, 2012 04:33 by systemergon


Initial Code
-moz-border-radius: 10px; /* Firefox*/
-ms-border-radius: 10px; /* IE 8.*/
-webkit-border-radius: 10px; /* Safari,Chrome.*/
border-radius: 10px; /* El estándar.*/

//para los navegadores que no soportan como IE6
//CurvyCorners es un javascript que ejecuta rutinas dentro de la pagina buscando //la propiedad de bordes redondeados ya sea para Firefox o Safari, y dándole la //misma apariencia que en esos navegadores.  

//incluir en head
<script src="curvycorners.js" type="text/javascript"></script>

//Crear la clase
.rCorners{
width: 220px;
padding: 10px;
background-color: #ECEFF5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
}

//Probar en un div
<div class="rCorners">
    Bordes redondeados con CSS.
</div>

Initial URL

                                

Initial Description
Border radius compatible con los navegadores Firefox, IE8, Safari, Chrome

Initial Title
Border redondeado css3

Initial Tags

                                

Initial Language
CSS