Html 悬停显示工具提示

我一直在试图使这个文本淡入当光标出现在箭头上。如果运气不好，被困了一段时间，我将非常感谢您的帮助

另外，如果我从按钮的左到右进行淡入，会包括JS吗

.fa长箭头alt left{
显示：无；
位置：绝对位置；
顶部：3vh；
左：3vw；
z指数：99；
边界：无；
大纲：无；
背景：无；
颜色：黑色；
光标：指针；
填充：15px；
字号：18px；
}
.返回文本{
可见性：隐藏；
宽度：120px；
颜色：黑色；
文本对齐：居中；
证明内容：中心；
/*定位工具提示*/
位置：相对位置；
z指数：1；
左：20%；
}
#返回：悬停{
颜色：红色；
}
#返回：悬停。返回文本{
能见度：可见；
转换：1s易入易出；
}

赫克托投资组合
返回

添加不透明度转换，因为您无法转换可见性或显示

你有适当的过渡，所以只需添加不透明度

至于从左到右的动画，我相信你可以用css动画来实现这一点。看看这个例子：

.fa长箭头alt left{
显示：无；
位置：绝对位置；
顶部：3vh；
左：3vw；
z指数：99；
边界：无；
大纲：无；
背景：无；
颜色：黑色；
光标：指针；
填充：15px；
字号：18px；
过渡：0.3s；
}
.返回文本{
可见性：隐藏；
不透明度：0；
宽度：120px；
颜色：黑色；
文本对齐：居中；
证明内容：中心；
/*定位工具提示*/
位置：相对位置；
z指数：1；
左：20%；
}
#返回：悬停{
颜色：红色；
}
#返回：悬停。返回文本{
能见度：可见；
不透明度：1；
转换：1s易入易出；
}

赫克托投资组合
返回

干杯，伙计，这么简单的解决方法！