Change Orientation of an Image


Published:   May 17, 2020

Tags:

A single-line CSS transform is all it takes to change the orientation of an image (or any DOM element, really).

For instance, if I have an image that is on its side, I can use the following rotate transform to orient it correctly.

1
2
3
img {
  transform: rotate(90deg);
}

Testing you babay

1
2
import os
os.path.join()

Go hello world

1
2
3
4
5
6
7
import (
"fmt"
)

func main() {
    fmt.Println("hello world")
}

It takes an angle which can be specified in degrees. Here I use 90deg. If I was going for a different effect, I could do something like 45deg.



Let me know if you have any questions or comments.
It will help me to improve/learn.


< Older   Further Reading   Newer >