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

0 vote363 views2 answers
How to set table data width in css
CSS
0 vote351 views1 answer
Css position element in the middle of a header
CSS
1 vote426 views1 answer
System.FormatException: 'String '09-03-2020' was not recognized as a valid DateTime.'
CSS
29 votes368 views2 answers
Scc chang the background color
CSS
0 vote355 views1 answer
Css print landscape
CSS
2 votes372 views1 answer
How to add space between menu items in css
CSS
0 vote436 views1 answer
Javascript canvas pixel art
CSS
3 votes362 views2 answers
Box sizing ftw
CSS
0 vote392 views1 answer
Css grow animation
CSS
24 votes402 views3 answers
Remove underline from a link css
CSS