JSFiddle - React, Tailwind, and code Playground

by rpflorence

HTML

<script src="https://github.com/rpflorence/CSSAnimation/raw/develop/Source/CSSAnimation.js"></script>
<div id=some-el>Woah!</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);