I got challenged to build this EPIC hero animation [GSAP Flip Lesson]
Web Bae Web Bae
8.45K subscribers
3,805 views
159

 Published On Dec 30, 2023

Adam from Relume asked X (Twitter) who could build his flashy hero layout animation concept in Webflow. In 1 hour I had a working prototype using the GSAP Flip plugin by Greensock, which ended up landing me the gig! In this video I'll show you how I went about creating that concept piece that got me the job. Of course the devil is in the details though - adding the polish to get this animation ready for production took another 7 hours!

👯‍♀️ Clone it:
https://try.webflow.com/cloneable-is-...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae  
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord:   / discord  
🐥 Follow Me!   / webisbae  

00:00 Introduction
00:35 Webflow Project Overview
03:29 Coding with GSAP Flip

show more

Share/Embed