JSFiddle - React, Tailwind, and code Playground
HTML
<div class="bottle"></div><html>
CSS
.bottle {
width: 200px;
height: 200px;
background-image: url(http://jsfiddle.net/img/logo.png);
-webkit-transition: -webkit-transform 6s ease-out;
}
JavaScript
var i = 0;
$('.bottle').on('click', function(e) {
this.removeAttribute('style');
var r = Math.random();
console.log(r);
var deg = 3000 + Math.round(r * 500);
deg = Math.pow(-1,i) * deg;
console.log(deg);
var css = '-webkit-transform: rotate(' + deg + 'deg);';
this.setAttribute('style', css);
i++;
});