JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<a href="/" class="site-logo">
    <img src="https://enterprise.github.com//assets/github-enterprise-logo-58d2d74ea7bea8c9d2d25fa85556a81e.png" class="logo-default" alt="Github enterprise logo" />
    <img src="https://enterprise.github.com//assets/github-enterprise-logo-hover-2943711c32edfd99d00764d2ed6f1ac5.png" class="logo-hover" alt="Github enterprise logo hover" />
</a>

CSS

body { background-color:black; margin:20px;  }
.site-logo { position:relative; }
.site-logo img { height: 40px; top:0px; left: 0px; position:absolute;}
.site-logo .logo-hover { opacity: 0; }
.site-logo:hover .logo-hover { opacity: 1; }