RGweb.fr : Le blog de Rémi Garcia sur l'actualité du web, le webdéveloppement, le webdesign, webmarketing, SEO, inspiration, ...

Jon Combe nous fait une jolie démonstration de HTML5 et jQuery en nous présentant une horloge analogique et numérique rotative. Le tout n’utilise donc que le HTML5, jQuery, CSS3 et quelques images. Les fonctions de transformation (rotation) de CSS3 sont aussi utilisées. Le résultat est plutôt impressionnant !

La nouvelle version de CSS a intégré les animations et transformations d’objets. Comme dans l’animation du AT-AT, on peut voir qu’il est possible de faire bouger n’importe quel objet HTML dans les directions et sens que l’on veut, en rotation, translation, etc. Le tout sera bien sûr réalisé sans jQuery ou autre librairie JavaScript, mais uniquement en CSS3.

InsideRIA.com nous propose dans un billet complet d’expliquer les principes de fonctionnement des animations en CSS3 et de bien savoir les utiliser et les mettre en place.