JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<script src="//jqueryrotate.googlecode.com/files/jQueryRotate.js"></script>
<div class="rotateimg"></div>

CSS

.rotateimg {
	width: 200px;
	height: 200px;
	background: #369;
}

JavaScript

$(function () {
	var image = $('.rotateimg'),
		params = {
			callback: define
		};

	define();
	image.rotate({
		bind: {
			click: function () {
				$(this).rotate(params);
			}
		}
	});

	function define () {
		params.angle = image.getRotateAngle()[0] || 0;
		params.animateTo = params.angle + 80 + Math.round(100 * Math.random());
		params.duration = 300 + Math.round(300 * Math.random());
	}
});