Framer | Create an Animated Video Card
👉 Become a Design Maestro - SUBSCRIBE NOW: https://www.carlociccarelli.com/newsl... 📬
______________
Hello Guys!
Here a new Framer video in which I show how to create a Video Card Animation.
In this video I'll show you how to create the card from scratch, how to play / pause the video inside the card on hover and much more.
If you like this type of content for Framer, please consider subscribing to the channel!
Enjoy!
______________
— DIGITAL ASSETS
My Marketplace: https://www.carlociccarelli.com/marke...
Stream deck action packs: https://www.carlociccarelli.com/categ...
Framer templates: https://www.carlociccarelli.com/categ...
— ALL MY SOCIALS
Website: https://www.carlociccarelli.com/
Newsletter Design Doyen: https://www.carlociccarelli.com/newsl...
Blog: https://www.carlociccarelli.com/blog
X (twitter): / carlociccarell9
Linkedin: / carlociccarelli
Dribbble: https://dribbble.com/CarloCiccarelli85
— COLLABORATIONS:
Contact me here: https://www.carlociccarelli.com/conta...
— WHO I AM:
Hey, I am Carlo, a Product Designer working in the Digital Design World since 2009.
I am a UX/UI Expert, Accessibility advocate, and SaaS Ninja Designer, helping businesses of any size to turn their ideas into a working and pleasant product that people actually will use and love.
In this channel, I share tips and tricks about Product Design, and I do tutorial videos on Figma, Framer, Webflow, and more!
---
TIMESTAMPS:
00:00 Intro
00:47 Create the card container in Framer
06:58 Insert the video as background
10:32 Create a component
10:45 Create the hover state