<div class="someshow-container">
<div class="i mr-3"><font style="font-size:90px"><strong>AAA</strong></font ></div>
<span class="float"><div class="i float"><font style="font-size:90px"><strong>BBB</strong></font ></div>
</div>


<!-------------鼠标悬停左上角缓慢显示内容---------------->
<style>
.someshow-container {
  position: relative;
【不知道啥东西】display: inline-block;
}

.float {
position: absolute;
【】top: 10px;
【】right: 10px;
opacity: 0; /* 初始时隐藏文字 */
transition: opacity 0.7s ease;  /* 设置渐变效果时间 */
z-index: 9999; /* 将悬浮内容置于最前面 */
width: 100%; /* 设置宽度为100% */
}

.someshow-container:hover .float {
  opacity: 0.7;  /* 显示文字的透明度 */
}

</style>
<!-------------鼠标悬停左上角缓慢显示内容---------------->