Image rotation

chvennela · #1 May 28th, 2009, 09:12 AM

Hi,

how to make complete rotation any image in html/css

Expand|Select|Wrap|Line Numbers

  
  <img src=C:\Users\Desktop\DSC00583.JPG" height=300 widht=200 style="image-rotation:90deg;">

pls, reply me

Ciary · #2 May 28th, 2009, 09:45 AM

there is no such thing as image rotation in CSS that i'm aware of or at least not yet.

a way around this is the use of php-image conversion (GD or something else)

if you're doing to use it, take a look at this

drhowarddrfine · #3 May 28th, 2009, 11:57 AM

You can use css3 transforms in gecko and webkit browsers beginning with Firefox 3.5 coming in June. I don't know about Opera. Do not count on IE for these advanced features for quite a number of years.

Transforms in Gecko
Transforms in Webkit

acoder · #4 May 29th, 2009, 03:19 PM

If you can't wait that long, you can use the <canvas> tag with JavaScript. IE's not too clever, i.e. doesn't support it, but a project exists which adds support.

Image rotation

re: Image rotation

re: Image rotation

re: Image rotation

/bytes/development

/bytes/it

/bytes/about