JSFiddle - React, Tailwind, and code Playground

HTML

<div id="full-screen"></div>

CSS

body {
    padding: 0;
    margin: 0;
}
#full-screen {
    background: orange;
    color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    clip:auto;
    overflow:hidden;
   
}

JavaScript

$('#full-screen').animate({ 
"bottom":0,
height: 'toggle'    
    }, 1000, function() {
    // Animation complete.
});