JSFiddle - React, Tailwind, and code Playground

by beneverard

HTML

<!-- http://stackoverflow.com/questions/11453879/is-this-proper-jquery-coding -->

<div id="footer"><div>

CSS

#footer {
position: fixed;
left: 0;
bottom: -250px;   
width: 100%;
height: 300px;
background: #333; 
-webkit-transition: all 1s ease-in-out;   
}

#footer:hover {
 bottom: 0;   
}