Lancer une animation en css3 quand l'élément est visible

Bonjour,

J'aimerai lancer une animation en css3 uniquement quand l'élément ciblé est visible et pas au chargement de la page.
Est-ce possible directement en css ou faut il passer par du javascript?

[voici un exemple de l'effet désiré: http://www.google.com/green/bigpicture/ ]

En vous remerciant !

Bonjour.

Gérer des évènements sans javascript? javascript est là pour ça. Il n'y a pas de balise window pour faire un window:focus

heu si justement, tu met la souris dessus

le :focus ou :target semble tout à fait adapté pour modifier des styles et les temporisé via transition et ou keyframes.

un exemple sur l'affichage d'une image : http://yidille.free.fr/discontinu/7.html

++

Il y a bien sur un peu d'évènement via les pseudo-classes dynamiques hover & co.
Mais pour de l'évènement plus avancé, comme c'est le cas, c'est js qui gère bien cet aspect.