JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<button id='foo' style='display: none; opacity: 0'>Foo</button>

CSS

#foo {
      transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -webkit-transition: opacity .5s ease-in-out;
    }

JavaScript

$( "#foo" ).css({"display":"block"}).animate({
    opacity: 0.5
  }, 500);