Ep 8 : Animations Level 1 | Formation Webflow Gratuite

Un épisode où nous ferons une initiation aux animations natives dans Webflow pour rendre son site plus interactif. ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // PROGRAMME 🎓 Introduction : 0:00 - 4:50 Les méthodes pour faire des animations dans Webflow : 4:50 - 10:45 Introduction des animations d’éléments dans Webflow : 10:45 - 14:05 Animation Mouse Click : 14:05 - 35:20 Animation Mouse Hover : 35:20 - 43:45 Animation Mouse Move : 43:45 - 49:45 Animation Scroll into view : 49:45 - 52:25 Animation While Scrolling : 52:25 - 57:45 Animation Navbar open : 57:45 - 59:50 Animation Dropdown open : 59:50 - 1:01:20 Animation Tab change : 1:01:20 - 1:03:30 Animation Slide change : 1:03:30 - 1:05:17 Introduction des animations de page dans Webflow : 1:05:17 - 1:05:50 Animation Mouse Move in Viewport : 1:05:50 - 1:08:48 Animation While page scrolling : 1:08:48 - 1:10:03 Animation Page load : 1:10:03 - 1:13:25 Animation Page scrolled : 1:13:25 - 1:18:50 Animation d’une section de la maquette : 1:18:50 - 1:27:42 FAQ : 1:27:42 - 1:35:54 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // RESSOURCES COMPLÉMENTAIRES Lien du clonable Webflow : https://try.webflow.com/clonable-formation-webflow Lien du clonable Figma : https://www.figma.com/community/file/1367167936808200405/formation-webflow-gratuite-tips-de-thibz Figma : https://psxid.figma.com/92cwqzvekiws Webflow : https://webflow.grsm.io/digi Slack InitClub : https://academie.initweb.fr/a/aff_wd90mp36/external?affcode=700321_3ri4hhba Formation Webflow par Théo Roland : https://academie.initweb.fr/a/aff_ydn1d09q/external?affcode=700321_3ri4hhba ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // À PROPOS DE DIGIDOP Digidop est la première et seule agence webflow française à être triplement accréditée : Webflow Professionnal Partner of the Year (Award Winner), Client-First et Webflow Global Leader. 👀 Digidop : https://www.digidop.fr/ 🛍️ Acheter le Merch' digidop : https://store.digidop.fr/ 🎨 Formation Webdesign sur Figma gratuite : https://academie.digidop.fr/ 👨🏻‍💻 Reach Thibaut : https://www.digidop.fr/team/thibaut-l... 🧑🏼‍💻 Reach Quentin : https://www.digidop.fr/team/quentin ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // FOLLOW US Instagram : https://www.instagram.com/digidop.fr/ TikTok : https://www.tiktok.com/@digidop.fr LinkedIn : https://www.linkedin.com/company/digidop Webflow Expert : https://webflow.grsm.io/digidop Behance : https://www.behance.net/digidop ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // HASHTAGS #webflow #formation #digidop #figma #webdesign #apprentissage