Horloge HTML CSS

La ressource d’aujourd’hui permet d’afficher une horloge numérique et ou analogique sur votre site web. L’originalité vient du fait qu’elle offre une animation digne d’un composant flash et que HTML Clocks n’utilise que Javascript et CSS Rotation.

Vous ne trouverez aucun code Flash, aucune référence à “canvas”. HTML Clocks fonctionne en “embarquant” les images qui sont affichées ou non via un “DIV” et un “{ overflow: hidden }”. La rotation est gérée via un JavaScript qui utilise la propriété “transform” de CSS.

C’est d’ailleurs la limite de ce script. En effet, IE ne sait pas gérer cette propriété… Mais HTML Clocks est compatible avec FF, Safari et Google Chrome. Dans mon navigateur Opera, le script affichait une horloge inanimé comme sous IE.

Site Internet : HTML Clocks
Licence : Gratuit