Flip image css

.image{
  transform: rotateY(180deg);
}

Css flip image horizontally

.flip-horizontally {
  transform: scaleX(-1);
}

How to mirror object through css

.mirror {
  transform: scaleX(-1);
}

Flip image css

img{
  transform: rotateY(180deg);
}

Flip an image js

<div class="f1_container">
    <div class="shadow f1_card">
        <div class="front face">
            <img src="http://media-cdn.tripadvisor.com/media/photo-s/03/48/0b/14/dolphin-view-chalets.jpg" style="height: 281px; width: 450px;" />
        </div>
        <div class="back face center">
            <img src="http://media-cdn.tripadvisor.com/media/photo-s/03/48/0b/14/dolphin-view-chalets.jpg" style="height: 281px; width: 450px;" />
        </div>
    </div>
</div>

Source: codeproject.com

Similar codes

3 votes125 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
3 votes120 views1 answer
Inline block align center
CSS
-1 vote111 views1 answer
Select box arrow hide css in ie
CSS
1 vote104 views1 answer
How to view downloading speed
CSS
-2 votes119 views1 answer
Does boxshadow work
CSS
0 vote114 views1 answer
Space between label and input form
CSS
5 votes116 views2 answers
How to make page responsive using css
CSS
1 vote101 views1 answer
Disable checkbox click event
CSS
1 vote124 views2 answers
How to filter css red
CSS
8 votes118 views4 answers
Css boilerplate
CSS