Answers for "rotate image on hover css"

2

how to commit changes in git command

git commit -a
Posted by: Guest on April-14-2020
4

Rotate an image on hover CSS

<input class = "spin" type="image" src="(IMAGE URL)" width="42" height="42" alt="a" title"Transform 360 deg. image!">

<style>
.spin:hover {
height: 60px;
width: 60px;
transition: .5s;
transform: rotate(360deg);
}
</style>

<!-- You can remove the height and width elements in the CSS style tag if you wish. -->
Posted by: Guest on March-13-2021
0

rotate background image css

.theWholeElement{
  transform: rotate(30deg);
}

.justTheBackground{
  position: relative;
  overflow: hidden;
}

.justTheBackground::before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(background.png) 0 0 repeat;
  transform: rotate(30deg);
}
Posted by: Guest on March-18-2020

Browse Popular Code Answers by Language