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

7 votes293 views3 answers
Push failed
CSS
0 vote277 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote317 views1 answer
Underline css still there after text-decoration: none
CSS
23 votes316 views4 answers
Gradient border css
CSS
1 vote275 views1 answer
How to delete css property using css
CSS
0 vote267 views2 answers
Split pane border css ionic
CSS
8 votes361 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote292 views1 answer
Remove a styles css class with javafx
CSS
49 votes309 views3 answers
Center absolute element css
CSS
0 vote285 views1 answer
Rotate font css 90º
CSS