abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-04 23:58:01 +00:00
Code Issues Projects Releases Wiki Activity

Add Change The Orientation Of An Image as a css til

Browse Source
This commit is contained in:
jbranchaud
2019-12-01 12:31:49 -06:00
parent d0bd260d71
commit 4466f11861
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/change-the-orientation-of-an-image.md Normal file
View File

@@ -0,0 +1,18 @@
# Change The Orientation Of An Image
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](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate)
to orient it correctly.
```css
img {
transform: rotate(90deg);
}
```
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`.