JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<img src="http://s8.postimg.org/p7ywmfcs1/qh7sq_RO.png" alt="spinning triangle" class="one">
</body>

CSS

<style>
@-webkit-keyframes spinTryAngle
{
	from 
	{
		-webkit-transform:				rotate(0deg);
	}
	to 
	{
		-webkit-transform:				rotate(359deg);
	}
}

@keyframes spinTryAngle
{
	from 
	{
		transform:						rotate(0deg);
	}
	to 
	{
		transform:						rotate(359deg);
	}
}
@-ms-keyframes spinTryAngle
{
	from 
	{
		-ms-transform:					rotate(0deg);
	}
	to 
	{
		-ms-transform:					rotate(359deg);
	}
}
img.one
{
	position: 							relative;
    top:                                20px;
    left:                               20px;
	display:	 						block;
	
	-webkit-animation-name: 			spinTryAngle;
    -webkit-animation-duration:			950ms;
    -webkit-animation-iteration-count:	infinite;
    -webkit-animation-timing-function:	ease-in-out;
	-webkit-animation-delay:			500ms;
	
	-ms-animation-name: 				spinTryAngle;
    -ms-animation-duration: 			950ms;
    -ms-animation-iteration-count: 		infinite;
    -ms-animation-timing-function: 		ease-in-out;
	-ms-animation-delay: 				500ms;
	
	animation-name: 					spinTryAngle;
    animation-duration: 				950ms;
    animation-iteration-count: 			infinite;
    animation-timing-function: 			ease-in-out;
	animation-delay: 					500ms;
	
	-webkit-filter:						drop-shadow(10px 10px 5px rgba(0, 0, 0, .3));
    -ms-filter:							drop-shadow(10px 10px 5px rgba(0, 0, 0, .5));
	filter:         					drop-shadow(10px 10px 5px rgba(0, 0, 0, .5));
}
</style>