JSFiddle - React, Tailwind, and code Playground

HTML

textextext<a href='#'></a>textextext<a href='#'></a>textextext<a href='#'></a>textextext

CSS

a {
    display:inline-block;
    height:20px;
    width:40px;
    background:red;
    transition: all 200ms ease-in;
    opacity:1;
}
a:nth-child(1):hover {
    opacity:0;
}
a:nth-child(2):hover {
    width:0;
}
a:nth-child(3):hover {
    opacity:0;
    width:0;
}