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);
}
Code Example |
---|
Css :: ssh: connect to host 165.22.132.219 port 22: Connection refused |
Css :: Modify blink class in CSS |
Css :: laravel css image url |
Css :: remove focus border |
Css :: how to center an element in css |
Css :: div centre |
Css :: background color for whole page css |
Css :: flexbox gap |
Css :: counter-reset ol css |
Css :: awesome font google icon colored css |
Css :: @font-face multiple font weights |
Css :: all ipad Resolutio css |
Css :: text in circle css |
Css :: get into a Docker container bash |
Css :: mat stepper custom css |
Css :: how to add 2 text shadows |
Css :: css selector not contain |
Css :: html table wrap text |
Css :: how to make fonts respnsive |
Css :: add border to input css |
Css :: spaces between letters css |
Css :: soup css selector |
Css :: disable right click with css |
Css :: ie11 flex 1 |
Css :: margin 0 auto |
Css :: css break wrap header |
Css :: laravel reference css in public |
Css :: how to add a shadow behind text in css |
Css :: css text alignment |
Css :: grid place between |