Question

我认为这比向解释更容易向您展示，但基本上我试图在用户将鼠标悬停在其中一个上时，在两个单独的div标签上创建过渡效果。这是我刚刚掀起的一个例子。它并不完美，我只想弄清楚如何将机器人分成两半。

目前，当你将鼠标悬停在它上面时，右半部分会移动，但是我想要左半部分，右边部分必须打开，所以看起来机器人正在分开。

提前感谢您的帮助！

编辑：p.s.一些小的让我烦恼的事情，我不知道它是否“可以修复”是当div元素在元素悬停时滑过用户的鼠标时，它会出现故障。有没有一种简单的方法来解决这个问题？

Answer 1

也许如果你嵌套div，你可能可以定位父div。所以你得到这样的东西：

#parent:hover #three,
#parent:hover #four {
    ....
}