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

2 votes393 views1 answer
Twig ternaire
CSS
33 votes392 views6 answers
Background image opacity css
CSS
0 vote359 views1 answer
How to make code continue after a transition css
CSS
0 vote336 views1 answer
How to add color to a image css
CSS
13 votes474 views2 answers
How to link a button to another page in css
CSS
161 votes403 views6 answers
Css bold text
CSS
-1 vote404 views1 answer
How to make white image black in css
CSS
14 votes355 views2 answers
Css grid command for responsive design
CSS
37 votes377 views3 answers
Css selector first level child
CSS
0 vote355 views1 answer
Restore mySQL database from .bz2
CSS