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

9 votes239 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
9 votes165 views2 answers
Box shadow as border
CSS
0 vote176 views2 answers
Laravel 7 css loading slow
CSS
0 vote182 views1 answer
How to make png smaller css
CSS
0 vote294 views2 answers
SCSS lighten
CSS
0 vote179 views2 answers
Bootstrap 4 scss angular 8
CSS
9 votes181 views2 answers
Line in middle word css
CSS
0 vote190 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
6 votes192 views2 answers
Css make text transparent
CSS
14 votes138 views3 answers
What does css stand for
CSS