Rotating an Image

Discussion in 'CSS' started by forumposters, Jun 21, 2007.

  1. #1
    Is there a way with CSS to rotate an image 90 degrees?
     
    forumposters, Jun 21, 2007 IP
  2. madvuju

    madvuju Active Member

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #2
    i don't think so that kind of code in css.
     
    madvuju, Jun 22, 2007 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    THEORETICALLY, you could using SVG using "animatetransform". If you put the image in a SVG element, you could then apply a transformation to rotate the image to any angle.

    Problem is Firefox's SVG implementation is buggy/incomplete with no scripting, and Adobe pulled it's add-on plugin for IE.

    Though Opera and Safari's SVG 1.1 tiny implementation is quite impressive... and they claim Firefox 3 will catch up in that department. (and finally introduce AA)

    While that's not using CSS, it is the only way I can think of to do rotations client side which I'm assuming is your intent. (either that or you are doing the four-corners two-file trick, and looking to reduce the number of 'panes' even more)
     
    deathshadow, Jun 22, 2007 IP
  4. forumposters

    forumposters Peon

    Messages:
    270
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Anyone else have a different way to do this?
     
    forumposters, Jun 26, 2007 IP
  5. dhomba

    dhomba Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    dhomba, Jun 26, 2007 IP