У нас вы можете посмотреть бесплатно the LAZIEST way to animate icons in Framer... или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
✔︎ Framer University: https://frameruni.link/yt ✔︎ Create a free Framer account: https://framer.university/free-account In this Framer tutorial, I'll show you the easiest way to animate icons. This technique doesn't involve any manual keyframing or precise work. You just paste the icons you want to animate into the Icon Morpher component, and it handles the rest. Magic, isn't it? → Remix the tutorial project: https://framer.link/n4s0pqY 00:00 - Introduction to Icon Morphing 01:00 - Inspiration and the Remix Link 01:55 - Setting Up SVG Bounding Boxes 03:30 - Configuring the Morph Icons Component 04:57 - Creating Variants and Interaction Logic 05:45 - Adjusting Scale and Animation Flow 07:08 - Real-World Example: Interactive Pop-up Modal 08:24 - Designing the "Closed" State and Circle Layout 09:59 - Balancing Layout and Opacity Controls 11:07 - Fine-tuning Transitions and Bounce Effects 12:10 - Testing Final Results and Use Cases 13:14 - Framer University Resources and Conclusion Follow me on: X: / learnframer Instagram: / framer.university