Gracias
nasho por responder...
Según tu sugerencia, no e resulta, por alguna razón no me funciona...!!!
Eeste es mi código:
**************************************************************
<div id="contenedor">
<link rel="contenedor" href="scripts/contenedor.css">
<div id="Logo">
<a href="http://www.miweb.org"><img src="images/logo.png" height="131" width="131" alt="Logo"></a>
</div>
</div>
************************************************************
Este es el contenedor (script CSS)
***********************************************************
#contenedor {
position: relative;
}
#Logo {
position: absolute;
top: 0;
left: 0;
width: 131px;
height: 131px;
z-index: 3;
transform-origin: 50% 50%;
transition-property: transform;
transition-duration: 4s;
transition-timing-function: ease-in-out;
-o-transform-origin: 50% 50%; /* Opera */
-o-transition-property: -o-transform;
-o-transition-duration: 4s;
-o-transition-timing-function: ease-in-out;
-moz-transform-origin: 50% 50%; /* Firefox */
-moz-transition-property: -moz-transform;
-moz-transition-duration: 4s;
-moz-transition-timing-function: ease-in-out;
-webkit-transform-origin: 50% 50%; /* Chrome y Safari */
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 4s;
-webkit-transition-timing-function: ease-in-out;
-ms-transform-origin: 50% 50%; /* IE */
-ms-transition-property: -ms-transform;
-ms-transition-duration: 4s;
-ms-transition-timing-function: ease-in-out;
}
#Logo:hover {
transform: rotate(90deg) scale(1.2);
-o-transform: rotate(90deg) scale(1.2);
-webkit-transform: rotate(90deg) scale(1.2);
-moz-transform: rotate(90deg) scale(1.2);
-ms-transform: rotate(90deg) scale(1.2);
}
***********************************************************
Hay algo malo en mi code que no me funciona la rotación...???
