JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<p id="rotatingIcon">
<img border="0" src="http://flashsolver.com/wp-content/uploads/2012/02/rss.png" />
</p>

CSS

p#rotatingIcon img:hover {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}