JSFiddle - React, Tailwind, and code Playground

by flaprogrammer

HTML

<div class="container">
    <span class="userpic">Ссылка</span>
    <div class="user-menu"></div>
</div>

CSS

.user-menu{
	height: 120px;
	opacity: 0;
    visibility: hidden;
	position: absolute;
    top: 30px;
    left: 0;
    width: 160px;
    padding: 8px 0;
    background-color: #232527;
	transition: all .3s ease;
}

.container:hover .user-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(-5px);
}