Voici une liste de références pour tout ce qui touche aux animations web.
Widgets
- https://ultimateelementor.com/widgets/faq/
- https://happyaddons.com/elementor-widgets/
- https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/#
Transitions scroll
- https://nordquantique.ca/fr/accueil (Effet pixellisé)
- https://und-ny.com/ (Transition intéressante entre les images et les strates)
- https://www.sogaiart.com/ (Transition intéressante entre les images et les strates)
- https://populous.com/ (Effet parallaxe bien exécutée au scroll et animation des images lors d’un hover)
- https://www.crescentesicily.com/fr/page-daccueil/ (Plusieurs petites animations subtiles au scroll et en hover, très fun !)
- https://www.maxandtiber.com/ch_fr/
- https://www.duchateau.com/?ref=landing.love (Inspiration tuiles de navigation plus immersive – fullscreen)
- https://eis-lab.de/en-us?ref=landing.love (Animation des strates avec le scroll)
- https://ayocin.com/?ref=landing.love (Très beau site avec un scroll intéressant + tuiles avantages en mode scroll-strate 2)
- https://themfi.ca/fr (Mode scroll avec apparition d’images intéressante – naviguer sur le site)
- https://ferrumpipe.ru/ (Apparition des strates)
- https://www.ada.cx/?ref=lapaninja (Timeline et strate qui s’empile une par dessus l’autre)
- https://www.doctoctoc.ca/en/about-us/ (Strate immobile, mais le contenu scroll)
- https://www.withequip.com/ (Strate 3 – apparition des strates intéressante une par dessus l’autre + apparition des blocs en mode scroll)
- https://global-leathers-digitalbutlers.webflow.io/?ref=onepagelove (Strate 3 – animation intéressante pour une strate avantages. Animations d’entrée subtile, mais intéressante en plus de la strate témoignage)
Sticky Footer
Animations en hover
- https://www.leandra-isler.ch/en?ref=landing.love (Hover tuiles intéressantes)
- https://eis-lab.de/en-us/products (Hover tuiles coloré et dynamique)
- https://sikhahaircare.com/en/?ref=landing.love (Animation dans le menu et en mode hover/tuiles)
- https://www.bisougallery.com/?ref=lapaninja (Hover qui zoom sur l’image dans la tuile de navigation)
Animations de texte/éléments
- https://www.zaptec.com/fr
- https://opositivefilms.com/directors (BIG AND BOLD)
- https://www.sogaiart.com/ (Bande de texte horizontale défilante au scroll)
- https://www.lowesinnovationlabs.com/ (Apparition de texte subtile et intéressante)
- https://populous.com/ (Animation subtile d’apparition du texte)
- https://www.maxandtiber.com/ch_fr/
- https://www.studiogusto.com/ (Les animations textes sont plaisantes + mode hover)
- https://eis-lab.de/en-us?ref=landing.love (big and bold, fun, colorful + animation d’entrée fun)
- https://www.apeel.com/impact (Animation de données)
- https://www.ada.cx/?ref=lapaninja (Animation d’une bande de logo)
- https://www.doctoctoc.ca/en/?ref=lapaninja (Animation du bouton et des yeux dans la strate CTA)
Masques / images
- https://quechua-lookbook.com/ss25/?ref=landing.love (Masques et apparition des images dynamiques ! + image interactive avec mode scroll sur les avantages du produit).
- https://eis-lab.de/en-us?ref=landing.love (Galerie d’images dans des cercles avec un mouvement horizontal)
- https://themfi.ca/fr (Galerie d’articles en mouvement horizontal)
- https://ferrumpipe.ru/ (Images avec parallax)
- https://www.bisougallery.com/artist/pascal-duval (Galerie animée horizontalement)