JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<div id="is">
<a href="#">Показать блок</a>
 <span id="box" >
  <a href="#">ссылка</a>
  <a href="#">ссылка</a>
  <a href="#">ссылка</a>
 </span>
</div>

CSS

#is #box {
   
    opacity: 0.1;
    width: 0;
    height: 0;
    display: inline-block;
    overflow: hidden;
    transition: opacity 1s;
    -mox-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
}
#is:hover #box {
    width: auto;
    height: auto;
    opacity: 1;
}