# How to animate 2 different elements on hover?

**URL:** <https://forum.kirupa.com/t/how-to-animate-2-different-elements-on-hover/327719>\
**Category:** web dev\
**Created:** [March 22, 2012, 5:08pm UTC](https://forum.kirupa.com/t/how-to-animate-2-different-elements-on-hover/327719 "2012-03-22T17:08:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![azukizero](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@azukizero](https://forum.kirupa.com/u/azukizero)\
**Post date:** [March 22, 2012, 5:08pm UTC](https://forum.kirupa.com/t/how-to-animate-2-different-elements-on-hover/327719/1 "2012-03-22T17:08:51Z")

</div>

Hi all,

I’ve created a nav with 3 elements, each animating on hover. I’d like to also animate a logo when any one of the nav elements is hovered. The logo and nav are siblings of the same parent div.

Basically, it’s a slightly complex animation: hover over a nav and trigger it’s animation as well as another elements animation further away.

Is this possible in CSS3?

thanks for any ideas!