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 vote293 views1 answer
Print zend db select query to string
CSS
4 votes273 views2 answers
Bootstrap icons sdn
CSS
0 vote289 views1 answer
Mat-form-field textarea save with new line
CSS
17 votes319 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
0 vote320 views1 answer
How to remove gap between divs
CSS
16 votes283 views2 answers
Css photo circle
CSS
0 vote318 views1 answer
Tailwindcss link tag
CSS
5 votes283 views3 answers
Sticky footer
CSS
4 votes296 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote372 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap