<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. -->/* Changes an element's color on hover */
.selector {
background-color: black;
}
.selector:hover {
background-color: blue;
}.a:hover{background-color: black;}#element {
transform: translateX(0px);
background: #ffffff;
transition: 0.5s;
}
#element:hover {
transform: translateX(50px);
background: #000000;
transition: 0.5s;
}<style>
a.special:link {
color: green;
}
a.special:visited {
color: red;
}
</style>
<p><a href="#">This is a standard link, it will become purple when clicked</a></p>
<p><a class="special" href="#">This is a special colored link and become red when clicked</a></p>