How can I get an image to rotate on the Y axis when hovered over? My code works in -moz- but not in -webkit- or -o-. What am I missing?
.spin-logo {
height: 450px;
margin: 0 auto;
-moz-transition: transform 2000ms ease 0s;
-o-animation: transform 2000ms ease 0s;
-webkit-animation: transform 2000ms ease 0s;
animation: animation 2000ms linear ease 0s;
}
.spin-logo:hover {
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}