JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://github.com/rpflorence/CSSAnimation/raw/develop/Source/CSSAnimation.js"></script>
<div id=some-el>Woqasdadsdeqwaah!</div>
CSS
#some-el {
background: red;
color: white;
font-size: 30px;
width: 100px;
height: 75px;
margin: auto;
margin-top: 100px;
text-align: center;
line-height: 50px;
}
JavaScript
var element = document.getElementById('some-el'),
transition = new Transition(element),
transform = new Transform(element);
transition.set({
property: 'transform',
'timing-function': 'ease-in',
duration: '2s'
});
transform.rotate(720).scale(2);