CSS3 : animation sur les div

Bonjour à tous!

Premier sujet sur le forum, et je m'aperçois que la route pour maitriser le CSS3 entièrement est encore longue. Je remercie d'avance tout ceux qui pourront/tenterons de m'aider.

J'aimerais savoir comment pouvons nous faire pour lancer une animation sur une div, sachant que la div qui la lancera ne sera pas celle qui subira l'animation?

Je ne sais pas si j'ai été clair?

Je donne un exemple : tete et corps sont toutes les deux des div. Comment faire pour que si je passe mon curseur sur tete, corps s'agrandisse?


Merci encore à tous, d'avance!

Les animations / transitions seront déclenché s'il y a lieu lors d'un changement de classe.

Pour cela, le plus facile sera de passer via Javascript et de changer les classes selon l'évènement de l'utilisateur.

Autrement, tu peux utiliser la pseudo-class :target (sur un clic), ou alors passer via une relation parent-enfant avec des positionnement absolu ou je ne sais quoi d'autre. Les possibilités sont large si on veut se compliquer la vie sans JS.

Exemple de base:

<div id="tete">
  <div id="corps"></div>
</div>

#tete:hover #corps{
  transform: scale(1.2);
}