JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<a href="#" class="project">
  <div></div>
  <h1>Project title</h1>
</a>

<a href="#">test</a>

CSS

div {
  height: 200px;
  width: 500px;
  background-color: red;
}

.project * {
  transition: opacity 0.125s;
}

.project:hover * {
  opacity: 0.5;
}