css flip code example

Example 1: css flip svg

footer {
  transform: scaleY(-1);
}

Example 2: flip image css

.image{
  transform: rotateY(180deg);
}

Example 3: css rotate

<style>
div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}
.rotated {
  transform: rotate(45deg);
  background-color: pink;
}
</style>

/* In body of html doc */
<div>Normal</div>
<div class="rotated">Rotated</div>

Example 4: flip image css

img{
  transform: rotateY(180deg);
}