CSS animations

code examples to refer.

img {
	animation: rotate-image 2s;
	filter: grayscale(100%);
	transition: filter 1s;
    	cursor: pointer;
}

@keyframes rotate-image {
	0% { transform: rotate(0deg); }
        100% { transform: rotate(1080deg); }
        
img:hover {
	filter: grayscale(0%);
}

CSS Animations — w3 school