<!-- Rotate 90 deg -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=300&rotate=90" alt="A green tree frog" />

<!-- Flip horizontal -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=300&flip=horizontal" alt="A green tree frog" />

<!-- Flip vertical -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=300&flip=vertical" alt="A green tree frog" />

<!-- Flip that frog both ways -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=300&flip=both" alt="A green tree frog" />
img {
  display: block;
  margin-bottom: 8px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.