JSFiddle - React, Tailwind, and code Playground

by WilsonPage

CSS

div {
    background: black;
    padding: 30px;
    color: #FFF;
    opacity: 0;
    -webkit-transition: all 1000ms;
}

div.show {
    opacity: 1;    
}

JavaScript

var el = document.createElement('div');

el.innerText = 'This is a toast';

el.addEventListener('webkitAnimationEnd', function(){
    alert('done');        
}, false);

document.body.appendChild(el).offsetLeft;
el.classList.add('show');