JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<script src="http://www.snorkl.tv/dev/libs/greensock/plugins/ColorPropsPlugin.min.js"></script>
<div id="parent">
<div id="demo">DEMO</div> 
</div>

CSS

#demo
{

position: absolute;
color:white;
background-color:black;
margin-top: px;
margin-left: 0px;
font-size:40px;
padding:10px;
margin:50px;    
}

#parent{
-webkit-perspective:800;    
}

JavaScript

//-webkit 3D transform demo




var myTarget = document.getElementById("demo");

//create an obj with rotateY property
var obj = {rotateY:0};

//tween obj's rotateY property to 360
TweenMax.to(obj, 3, {rotateY:360, onUpdate:applyTransform, repeat:-1});

//apply obj's rotateY value to DOM element
function applyTransform(){
    myTarget.style.webkitTransform = 'rotateY('+obj.rotateY+'deg)';
}