Html CSS悬停抖动问题

这是我的第一个问题。我通常试着好好研究这些东西，但这件事快把我逼疯了

我需要能够做一些与您在这里看到的非常类似的事情（将鼠标悬停在框上）：

问题是我得到的抖动。看起来很不专业

我想使用CSS和HTML（而不是图像），因为最终会出现在框后面的单词，通过悬停，您将看到翻译

我已经看到了一些事情，比如保持字体不变，删除粗体文本，等等。在这里，整个div正在改变，而不仅仅是文本。我还看到了“过渡技巧”，即增加过渡之间的时间。问题是，有时当鼠标停在div上时，它处于“非悬停”状态

---

提前感谢

代替可见性：隐藏；尝试使用不透明度：0

.over:hover {
    opacity: 0;
}

您甚至可以在

.over

div上设置转换：

.over {
    transition: opacity 0.3s;
}

---

而不是可见性：隐藏；尝试使用不透明度：0

.over:hover {
    opacity: 0;
}

您甚至可以在

.over

div上设置转换：

.over {
    transition: opacity 0.3s;
}

---

将

.over

设置为

.under

的子项可能更容易

在上定位

。会容易得多

然后，您可以将悬停选择器应用于下的

，同时仍在应用
将可见性规则设置为
.over

HTML

---

将

.over

设置为

.under

的子项可能更容易

在上定位

。会容易得多

然后，您可以将悬停选择器应用于下的

，同时仍在应用
将可见性规则设置为
.over

HTML

---

请张贴样本代码。如果你想创建一个工作演示，考虑使用你隐藏你的元素在鼠标器上，所以它不再是“过度”了。然后，它又回来了。你做得不对。请发布示例代码。如果你想创建一个工作演示，考虑使用你隐藏你的元素在鼠标器上，所以它不再是“过度”了。然后，它又回来了。你做得不对。这种不透明性是我无法找到的缺少的链接，因为我没有休息一下。非常感谢！这是一个非常好的解决方案。非常感谢！这种不透明性是我无法找到的缺少的链接，因为我没有休息一下。非常感谢！这是一个非常好的解决方案。非常感谢！你关于父母/孩子关系以及执行的想法很棒。这太完美了！非常感谢！你关于父母/孩子关系以及执行的想法很棒。这太完美了！非常感谢！