Grow your CSS skills. Land your dream job.

Rotate An Image

  • # February 11, 2013 at 5:29 am

    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?

    # February 11, 2013 at 7:21 am

    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?

    # February 11, 2013 at 7:24 am

    From your code, you have only put in the webkit transforms & transitions…are you not going to put in the mozilla/IE ones?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".