Connecting Tech Pros Worldwide Forums | Help | Site Map

Image rotation

Newbie
 
Join Date: May 2009
Posts: 1
#1: May 28 '09
Hi,

how to make complete rotation any image in html/css

Expand|Select|Wrap|Line Numbers
  1.  
  2.   <img src=C:\Users\Desktop\DSC00583.JPG" height=300 widht=200 style="image-rotation:90deg;">
  3.  
  4.  
pls, reply me

Ciary's Avatar
Expert
 
Join Date: Apr 2009
Location: The outer ring of hell
Posts: 238
#2: May 28 '09

re: Image rotation


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's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,829
#3: May 28 '09

re: Image rotation


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's Avatar
Site Moderator
 
Join Date: Nov 2006
Location: UK
Posts: 14,750
#4: May 29 '09

re: Image rotation


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.
Reply