多个css元素与css3转换

Question

我认为这将比解释更容易展现给你，但基本上我试图创建一个转换效果在两个单独的div标签，当用户悬停在其中之一。这里是我刚刚掀起的一个例子。这并不完美，我只是想弄清楚如何将机器人分成两半。

http://color-reel.com/growbot.html

目前，当你将鼠标悬停在它的右半边会移动，但我想这两个左半部和右侧有开拓所以它看起来像机器人慢慢崩溃。

在此先感谢您的帮助！

编辑：p.s.一些令我烦恼的东西，我不知道它是否是“可修复的”，如果div元素滑过用户的鼠标，当元素被悬停时，它会发生故障。有没有简单的方法来解决这个问题？

Answer 1

也许如果你嵌套的div你可能能够针对父div。 所以你得到这样的东西：

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