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 votes296 views4 answers
Css size button
CSS
3 votes306 views1 answer
Svg stroke color
CSS
1 vote311 views1 answer
Ionic textarea placeholder color
CSS
57 votes307 views2 answers
Hegith specific css in media query
CSS
5 votes314 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote288 views1 answer
Css full grid span
CSS
0 vote305 views1 answer
Red asterix css
CSS
0 vote342 views1 answer
Justify-self
CSS
122 votes300 views6 answers
How to center in css
CSS
1 vote304 views1 answer
Css before is not working
CSS