JSFiddle - React, Tailwind, and code Playground

by ericf

HTML

<div>
    <h3>Animation Demo</h3>
    <input type="button" id="demo" name="demo" value="foo" />
</div>

JavaScript

YUI().use('anim', function (Y) {
    
    var anim = new Y.Anim({
        node: '#demo',
        to: { opacity: 0 }
    });
    
    var onClick = function (e) {
        e.preventDefault(); 
        anim.run();
    };
    
    Y.one('#demo.yui3-remove').on('click', onClick);

});