JSFiddle - React, Tailwind, and code Playground

HTML

<span id="span" class="clockwiseAnimation">a</span>
<input type="range" id="speedSlider">

CSS

body {
	font-size: 45px;
	color: rgba(0,0,0,.8); /*black*/
	font-family: Futura-pt, Ration, sans-serif;
	font-weight: bold;
	letter-spacing: 1.5px;
	user-select: none;
}
.clockwiseAnimation {
    top: 270px;
    left: 200px;
    position: absolute;

    -webkit-animation: clockwise 4s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: clockwise 4s linear infinite; /* Firefox 5-15 */
    -o-animation: clockwise 4s linear infinite; /* Opera 12+ */
    animation: clockwise 4s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}
@-webkit-keyframes clockwise {
    from { -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to { -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}
@-moz-keyframes clockwise {
    from { -moz-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to { -moz-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}
@-o-keyframes clockwise {
    from { -o-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to { -o-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}
@keyframes clockwise {
    from { transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to { transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}

JavaScript

var speedSlider = document.getElementById("speedSlider");
	speedSlider.addEventListener("change", changeSpeed, false);
	function changeSpeed(e){
		var speed = Math.floor(11-(speedSlider.value/10));
		var element = document.getElementById("span");
		var style = element.style;
		style.webkitAnimationPlayState = style.mozAnimationPlayState = style.oAnimationPlayState = style.animationPlayState = "paused";
		style.webkitAnimationDuration = style.mozAnimationDuration = style.oAnimationDuration = style.animationDuration = speed + "s";
		setTimeout(function(){
			style.webkitAnimationPlayState = style.mozAnimationPlayState = style.oAnimationPlayState = style.animationPlayState = "running";
		},1);
	}