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 vote304 views1 answer
Css webkit propert dissapears on build sass
CSS
0 vote335 views1 answer
React html height 100%
CSS
12 votes347 views3 answers
Line through in css
CSS
1 vote316 views1 answer
Load css file flask
CSS
14 votes333 views5 answers
Input number hide arrows
CSS
16 votes314 views4 answers
Arrow down css
CSS
48 votes312 views6 answers
Html font size
CSS
19 votes302 views1 answer
Set pleasholders color css
CSS
0 vote320 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
1 vote321 views1 answer
Align centre
CSS