- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
3D Card Flip & Sticky Scroll Animation in Framer (& Free File)
Hi everyone! In this Framer tutorial we’re going to create amazing 3D card flip animations (that combines icon & text animations) in Framer. If you want to check & remix the file, you can find here: https://framer.com/projects/new?duplicate=pJJju8cpULbkvUUvSLqH&fpr=akingn
Also if you want to follow along, the starter file I used in the tutorial is here: https://framer.com/projects/new?duplicate=cYebtf9lSxy1JM7mQYKf&fpr=akingn
00:00 Intro
00:24 Card Component
01:32 Creating Other Cards
02:14 Scroll Transform Effects - Enter
06:09 Scroll Transform Effects - Exit
🧡 ✨ 🚀 RECOMMENDED TOOLS & RESOURCES (AFFILIATE) 🧡 ✨ 🚀
Haven’t tried Framer yet? I highly recommend it! Start using it for free today: https://framer.link/akingn (And if you go for a yearly Pro subscription, ✨use code partner25proyearly for 3 months free!)
🚀 Superfields is an awesome Framer plugin with great power-ups, you can check & sign-up in Framer or here: https://superfields.io/pricing ✨Don't forget to use 10% discount code: AKINGN
🚀 Looking for a guided course to master Framer and create 3 standout portfolio pieces? "Ultimate Framer Masterclass" is the program for you! https://ultimateframercourse.com/ ✨Don't forget to use 10% discount code: AKINGN
🚀 Add authentication to your Framer site in minutes with Thenty: https://thenty.io/?via=AKINGN ✨Don't forget to use 10% discount code: AKINGN
🚀 You can also connect Shopify to your Framer site to build ecommerce websites fast with Frameship: https://frameship.io/ ✨Don't forget to use 10% discount code: AKINGN
If you liked the content, be sure to subscribe and turn the notifications on, as I'm going to make more tutorials, thank you 😊
For suggestions, free designs review requests and all feedback:
uix.design.review at gmail.com
Music provided by HearWeGo (https://goo.gl/nDS3zR)
Artist: Wandr
Title: Nocturne
Listen on YouTube: https://www.youtube.com/watch?v=61eZVcH4-_8
Artist: MARION
Title: Only Now
Listen on YouTube: https://www.youtube.com/watch?v=Bf1fQYaFmLY
Видео 3D Card Flip & Sticky Scroll Animation in Framer (& Free File) канала Akin's Realm | Framer & Design
Also if you want to follow along, the starter file I used in the tutorial is here: https://framer.com/projects/new?duplicate=cYebtf9lSxy1JM7mQYKf&fpr=akingn
00:00 Intro
00:24 Card Component
01:32 Creating Other Cards
02:14 Scroll Transform Effects - Enter
06:09 Scroll Transform Effects - Exit
🧡 ✨ 🚀 RECOMMENDED TOOLS & RESOURCES (AFFILIATE) 🧡 ✨ 🚀
Haven’t tried Framer yet? I highly recommend it! Start using it for free today: https://framer.link/akingn (And if you go for a yearly Pro subscription, ✨use code partner25proyearly for 3 months free!)
🚀 Superfields is an awesome Framer plugin with great power-ups, you can check & sign-up in Framer or here: https://superfields.io/pricing ✨Don't forget to use 10% discount code: AKINGN
🚀 Looking for a guided course to master Framer and create 3 standout portfolio pieces? "Ultimate Framer Masterclass" is the program for you! https://ultimateframercourse.com/ ✨Don't forget to use 10% discount code: AKINGN
🚀 Add authentication to your Framer site in minutes with Thenty: https://thenty.io/?via=AKINGN ✨Don't forget to use 10% discount code: AKINGN
🚀 You can also connect Shopify to your Framer site to build ecommerce websites fast with Frameship: https://frameship.io/ ✨Don't forget to use 10% discount code: AKINGN
If you liked the content, be sure to subscribe and turn the notifications on, as I'm going to make more tutorials, thank you 😊
For suggestions, free designs review requests and all feedback:
uix.design.review at gmail.com
Music provided by HearWeGo (https://goo.gl/nDS3zR)
Artist: Wandr
Title: Nocturne
Listen on YouTube: https://www.youtube.com/watch?v=61eZVcH4-_8
Artist: MARION
Title: Only Now
Listen on YouTube: https://www.youtube.com/watch?v=Bf1fQYaFmLY
Видео 3D Card Flip & Sticky Scroll Animation in Framer (& Free File) канала Akin's Realm | Framer & Design
framer no code component interaction prototyping advanced prototyping dark ui animation tutorial scroll animation scroll interaction scroll layout ui design ui/ux origin sticky scroll sticky position rotate animation turquoise blue dark blue rotate free file free framer remix 3d 3d animation 3d flip card card animation card ui icon material icon Google Material icon text animation 3d text animation
Комментарии отсутствуют
Информация о видео
19 декабря 2024 г. 5:19:55
00:12:22
Другие видео канала
3D Card Animation in Framer (&Free File)
Accordion & Ticker Gallery in Framer (& Free File)
3D Scroll Transforms in Framer (& Free File)
Mask Animation in Figma (& Free File) #shorts
Vertical 3D Card Flip on Scroll in Framer (& Free File)
Bringing AI Illustrations to Life with Shaders in Framer (& Free File)
Transforming Titles with 3D Ticker Animation in Framer (& Free File)
Auto Playing Hero Slider with Icon Flip Animation in Framer (& Free File)
Trick to Create a Circular Progress Bar Animation in Figma #shorts
Tree Preloader/Gradient Animation in Figma #shorts
Circular Animation in Figma
Adding Free SC Breadcrumb to Your Site in Framer
Adding Dynamic Blog Comments in Framer with ReplyFrame (& Free File)
Mask Animation in Figma (& Free File)
Framer Forms & Google Sheets: File Upload & Display
3D Flipping Half Icons in Framer (& Free File)
Preloader Animations with Gradients in Figma (& Free File) #shorts
Slider with Logo Shaders in Framer (& Free File)
Microinteractions in Framer: Scroll Variant & 3D Flip (& Free File)
Sticky Framer Logo with Scroll Based Transitions (& Free File)
