Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flip, mirror image in IE8 - CSS

As above how can i flip image in IE8.

-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

This works fine but not in IE8

like image 906
user2537093 Avatar asked Jul 08 '13 10:07

user2537093


People also ask

How do you flip an image in CSS?

Flipping an Image Element We can flip the img element using the CSS transform property. We can do so using the scaleX and scaleY transforms. The CSS to flip it. The rotation transform is also a nice choice for when you want to animate the flip.

How do I flip an image?

Tap Edit in the bottom-left to reveal the available editing tools. Select Rotate from the available options. You'll see a time icon in the bottom. Tap this icon to flip your photo.


1 Answers

filter:fliph should work in IE4-8, even without -ms- prefix (which was needed only for early beta versions of IE8). Probably you should add parentheses filter:fliph() as this demo suggests. You can also try the newer IE5.5-9 syntax — filter: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) (as MSDN recommends).

Older IE versions required the element to have layout to apply filters to it (how to make an element have layout, is described ), but, AFAIK, IE8 doesn't require it.

like image 178
Ilya Streltsyn Avatar answered Sep 29 '22 10:09

Ilya Streltsyn