Framer Tutorial: How To Make A Tesla Style Website in Framer

Опубликовано: 29 Апрель 2023
на канале: Framer University
10,469
303

🎓 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 Tesla style website with the scroll-snap effect in Framer. Follow along step-by-step as I show you how to add code overrides to your Framer elements to achieve this effect. With following along this video, you’ll have a beautiful Tesla like website built in Framer in no time.

Remix the project: https://tesla.framer.wiki
Originally seen on: https://www.tesla.com

0:00 - Introduction
0:45 - Showcasing the scroll snap effect
1:32 - Project setup
4:14 - How the scroll snap works
5:07 - Creating a code override
6:42 - Adding the first section
7:25 - Adding an override to the section
7:56 - Adding the website content
13:30 - Creating a button component
15:17 - Adding layout to the content
18:37 - Adding more sections
21:40 - Previewing the finished site
22:27 - Conclusion and additional resources

Follow me on:
Twitter:   / learnframer  
Instagram:   / framer.university  


Смотрите видео Framer Tutorial: How To Make A Tesla Style Website in Framer онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Framer University 29 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 10,469 раз и оно понравилось 303 людям.