Animer une page HTML avec CSS3

CSS3 permet d'animer des éléments de la page HTML sans recours ni au javascript ni au flash.

transform rotate

#logo:hover { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }

animation

Change de couleur
au survol

#rectangle:hover { -webkit-animation: mymove 5s infinite; animation: mymove 5s infinite; } @keyframes mymove { from {background-color: #efefef;} to {background-color: black;} from {color: black;} to {color: white;} }

Liens

fleche Menu en "vague"
Animation de SVG avec des transitions CSS et jQuery

fleche CSS Référence
- CSS Animations