JSFiddle - React, Tailwind, and code Playground

by nbatothemax

HTML

<a href="#"><div id="navContainer">Using an empty a tag, you can create a hover effect using CSS3.</div></a>

CSS

a {
    display: block;
    width: 400px;
    height: 300px;
    background: green;
    text-decoration: none;
    color: black; /* set this to whatever your font color is */
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

a:hover {
    color: blue;
    height: 350px;
}