Перейти к содержимому

Framer Tutorial: No-Code Animated Curved Carousel for Your Website

Framer University

0:00 / 0:00

Framer Tutorial: No-Code Animated Curved Carousel for Your Website

17 322 просмотра · 3 года назад
Framer University
81,9 тыс. подписчиков
17 322 просмотра · 3 года назад
🎓 Framer University: https://framer.university 👉 Create a free Framer account: https://framer.university/free-account In this Framer tutorial, you'll learn how to create a no-code curved carousel that animates on scroll in Framer. For this effect, we'll use the following Framer features: sticky positioning, scroll variant, component variables, scroll sections. By watching this video, you’ll be able to add a curved animated carousel to your Framer site without writing any code. Remix the project: https://arc.learnframer.site/ Originally seen on: https://foundation.gucci.com/ 00:00 - Introduction 00:39 - About the curved carousel 1:21 - Setting up the project 2:26 - Making the carousel 6:19 - Creating variables in Framer 7:28 - Adding component variants 8:59 - Placing the carousel on the website 10:03 - Setting up scroll variant effect 12:50 - Finished effect 13:43 - Conclusion & resources Follow me on: Twitter:   / learnframer   Instagram:   / framer.university