css3トランジションを使って複数のCSS要素をターゲットにする

Question

これは説明よりも簡単ですが、基本的にはユーザーが2つの別々のdivタグに遷移効果を作成しようとしています。ここで私はちょうどホイップアップした例です。それは完璧ではない、私はちょうど半分にロボットを分割する方法を把握しようとしている。

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

現在、あなたはそれの上に置くと右半分が移動しますが、私は両方の左半分と右のロボットが離れて来ているようなので、それが見える開放する必要が欲しいです。

ご協力いただきありがとうございます。

編集：p.s.それが "修正可能"かどうかわからない私を悩ます小さなものは、要素が上に乗っているときにdiv要素がマウスの前を滑ってしまうと、それは不具合です。これを簡単に修正する方法はありますか？

Answer 1

おそらくdivをネストすると、親divをターゲティングできる可能性があります。 だから、このようなものが得られる：

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