I am trying to rotate an image 180 degrees in Y axis for a long time now. I could only make the image rotate in Chrome. But in IE or Mozilla it is showing a rollover image. I want to make the code compatible or all browsers and any versions.
I have done this:
**MOD EDIT:
HTML/CSS into Codepen [with dummy images as originals not linked]**
I am trying to rotate an image 180 degrees in Y axis for a long time now. I could only make the image rotate in Chrome. But in IE or Mozilla it is showing a rollover image. I want to make the code compatible or all browsers and any versions.
I have done this:
**MOD EDIT:
HTML/CSS into Codepen [with dummy images as originals not linked]**
http://codepen.io/anon/pen/sJbvc
Can somebody please help me on this?
As you can see I have put your code into Codepen to make it legible and accessible to every one.
The images you linked will not show up unless they are on a web server so I have used dummy images.
Next, are all those divs necessary?
From your code, you have only put in the webkit transforms & transitions...are you not going to put in the mozilla/IE ones?