JSFiddle - React, Tailwind, and code Playground

HTML

<a class="block">Test</a>

<!-- The issue is that I want to be able to decide the ending display when the fadeIn occurs. I want it to end on a 100px by 100px square, but the fadeIn effect doesn't allow that. -->

CSS

.block {
    display: none;
    height: 100px;
    width: 100px;
    background-color: Red;
}

JavaScript

$(document).ready(function() {
    $('.block').fadeIn(800);
});