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 vote206 views1 answer
Css background image follow scroll
CSS
1 vote201 views1 answer
Gatsby hide scroll bar
CSS
9 votes198 views3 answers
How to add a background color in css
CSS
2 votes225 views2 answers
Css display none transition
CSS
7 votes191 views2 answers
Css set div width to screen
CSS
0 vote162 views1 answer
Css skip first child
CSS
0 vote204 views2 answers
* css meaning
CSS
4 votes218 views2 answers
Change element in iframe
CSS
47 votes226 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote203 views1 answer
Css svg width 100%
CSS