how to rotate image in css on hover code example

Example: 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. -->