JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<div class="hidden"></div>

CSS

body {
  background-color: gainsboro;
}

div {
  width: 200px;
  height: 200px;
  margin: 20px;
  background-color: grey;
  border: 1px solid black;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
	        transition: all 1s ease;
}

.hidden {
  opacity: 0;
}

JavaScript

$('div').removeClass('hidden');