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

5 votes326 views3 answers
Css window height
CSS
28 votes353 views5 answers
Font face html
CSS
0 vote320 views1 answer
How to stretch picture with website css
CSS
0 vote329 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote287 views1 answer
Make clicks pass through element css html
CSS
8 votes325 views1 answer
How to get my div to centre of primary div
CSS
0 vote343 views1 answer
Transition all ease 0.3s
CSS
12 votes346 views4 answers
Hover on one div affect another
CSS
8 votes362 views4 answers
CSS Grid Column
CSS
0 vote320 views1 answer
How to make gray ufing rgb in css
CSS