img{
transform: rotate(90deg);
}
.img {
transform: rotate(10deg);
/*to rotate an image you have to use the transform function in CSS and rotate
in degrees*/
}
div.a {
transform: rotate(20deg);
}
div {
position: absolute;
left: 40px;
top: 40px;
width: 100px;
height: 100px;
background-color: lightgray;
}
.rotate {
background-color: transparent;
outline: 2px dashed;
transform: rotate(45deg);
}
.rotate-translate {
background-color: pink;
transform: rotate(45deg) translateX(180px);
}
.translate-rotate {
background-color: gold;
transform: translateX(180px) rotate(45deg);
}
img{
transform: rotate(90deg);
transform: rotate(-90deg);
transform: rotate(180deg);
}