JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="gallery">Gallery</div>
    <div class="back">
        <a href="" class="link_a">Art</a>
         <a href="" class="link_b">Art2</a>
    </div>
</div>

CSS

.wrap {
    font-family: helvetica, arial, sans-serif;
    font-size: 4em;
    font-weight: bold;
    position: relative;
}
.gallery {
    background: #fff;
    position: absolute;
    letter-spacing: 4px;
    z-index: 3;
    top: 0;
    left: 0;
    -webkit-transition:all 1s linear;
    transition: all 1s linear;
}
.wrap:hover .gallery {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.back a:hover {
    color: blue
}