L’animation 3D sur worldisbeautiful.net


2 août 2013 à 13H37

Worldisbeautiful.net est un de mes sites internet (je vais l'appeler WIB), il s'agit d'un espace qui propose une belle photographie d'un paysage chaque semaine. Je me suis laissé tenter par une petite animation 3D sur ce site qui permet de faire pivoter une photographie de 180 degrés pour afficher des informations, à la manière d'une photographie sur support papier que l'on retourne de la main.

Pour réaliser cette animation j'ai utilisé plusieurs propriétés CSS3 relativement récentes pour l'animation et un tout petit bout de code Javascript comme déclencheur. Nous cherchons à reproduire, une photographie qui pivote avec au verso la même photographie inversée et un texte. Notez que je fais tous mes développements en me basant sur Firefox et que j'adapte aux autres navigateurs si nécessaire.