Recreating an Award-Winning Website Animation in Webflow
Flux Academy
@fluxacademyAbout
Learn to be a more successful and profitable web designer: master the latest trends, tools, and technologies, and make it easy to get and retain high-value dream clients. Whether you're starting from zero, or already running a successful web design studio, we'll help you take your design skills and your business to the next level. We're on a mission to make web design better and more accessible around the world, and we want to help you build your dream business, by giving you expert web design instruction, insights into the latest tools, including AI design tools and no code solutions. We've helped more than 7,000 students become more competent and profitable web designers. 🔥 FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 link below
Latest Posts
Video Description
By popular request! And here's the link to the Webflow project so you can explore how it was done: https://bit.ly/2OXoWvB Award-winning website: https://nannalagerman.com/ Whenever we do our "Top 5 websites of the month" videos, we often get comments such as "Can this be done with Webflow?" or "Can you please do a rebuild of this website?". So, we obliged. Here's a simple but impressive responsive type effect that you can easily incorporate in your next Webflow project. Please do let us know if we should do more of this type of video 💜 Are you a WordPress user curious about Webflow? We wrote an article comparing the two: https://bit.ly/387nb4m Timestamps: 00:00 Intro 0:55 The effect 2:25 Jumping into Webflow 3:10 Creating a scrolling area 3:45 Positioning the text 7:00 Sizing the text 9:40 Creating the interaction - Learn how to build custom websites with Webflow FAST: https://bit.ly/WebflowWebclass2020​​​​​​​ - Find me on other social media platforms: Instagram: https://www.instagram.com/ransegall/​​​​​ Twitter: http://twitter.com/ransegall​​​​​​​ LinkedIn: https://www.linkedin.com/in/ran-segal...​... - Gear & Book Recommendations: http://bit.ly/2ohFOuj​​​​​​​ #webflow​​​​​​ #webdesign​​​​​​ #websitedesign​​​​​ Thanks for watching the video!
You May Also Like
Upgrade Your Gear Essentials
AI-recommended products based on this video
COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak
SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN
Lexar 128GB Micro SD Card, microSDXC UHS-I Flash Memory Card with Adapter - Up to 100MB/s, A1, U3, Class10, V30, High Speed TF Card
Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified
![Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)](https://m.media-amazon.com/images/I/71N7xhCJnoL._AC_UL960_FMwebp_QL65_.jpg)
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)
Anker Nano USB C Wall Charger,45W Fast Charging Smart Display Charger,with 180°Foldable Plug,Smart Recognition,Built-in Care Mode,for iPhone17/16/15 (Non-Battery,One USB-C Port,No Cable Included) ClimatePartner certified
