Rotate images from right to left using CSS

Question

Is it possible to rotate images from right to left in a DIV using pure CSS, I mean without using any kind of JavaScript?

Answer 1

This is possible using CSS3 transform: rotate(...)or some proprietary IE filters. See example or specification .

eg.

position:absolute;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg); /*opera*/
transform: rotate(90deg); /*likely future standard*/
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*for filter: 1==90deg, 2==180deg, 3==270deg*/

, ; ( position: relative). . , , ; ( , - position:absolute;).

, ; googled , . , firefox, webkit opera: , , , . - Apple, webkit , ; , , .

Answer 2

, - - ; , .

, @Eamon Nerbonne . transform filter - , . ( , filter CSS, , IE, , )

, . CSS, transition transform, . Safari Chrome , .

, : http://webkit.org/blog/138/css-animation/