johanBleuzen

Les animations en CSS3 est un sujet qui intéresse beaucoup de développeur Web en ce moment. Les expérimentations faites avec le CSS3 sont très nombreuses et certaines retiennent plus mon attention que d'autres.

C'est le cas de cette sympathique démonstration qui montre ce que l'on peut faire avec du CSS3 et un peu de jugeotte...

L'imitation du Dock en CSS est plutot très bien réalisée, l'agrandissement des icônes au survol de la soirée avec le tooltip, le rebond lors du clique sur une icone sont présents. Néanmoins, il n'imite pas parfaitement le Dock de Mac OSX il manque l'indicateur du lancement d'une application lorsque plusieurs applications sont "lancées".

Vis-à-vis de la compatibilité avec les navigateurs la démonstration ne fonctionne qu'avec les navigateurs à base de WebKit (Safari & Chrome). Aujourd'hui, les bétas de Firefox 4 ne sont pas capables d'afficher les animations CSS3, mais ils dégradent bien le comportement.

Pour moi le CSS3 souffre d'un gros problème de compatibilité, autant je suis confiant pour que le HTML5 s'impose avant 2022, je pense qu'en 2022 le CSS3 sera encore fait de démo techniques uniquement compatibles avec certains navigateurs. Les animations réalisées à l'aide de JavaScript ont encore de beaux jours devant elles...

Source : MacStories [EN]