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

1 vote253 views1 answer
Clear both css
CSS
-2 votes208 views1 answer
Add css dynamically in angular 6
CSS
15 votes251 views6 answers
Hr css
CSS
5 votes247 views4 answers
Paginate bs
CSS
0 vote273 views1 answer
Swiper slider autoplay
CSS
22 votes258 views5 answers
Grid center
CSS
19 votes219 views3 answers
Vertical text
CSS
0 vote241 views1 answer
Css 2 div cote à cote
CSS
0 vote289 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
1 vote235 views1 answer
Change order columns bootstrap
CSS