Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Анимация карточек в Framer с вариантами прокрутки | Учебник без кода
Демонстрация: Ремикс этого проекта: В этом видео мы покажем вам процесс создания интерактивных анимированных информационных карточек в Framer. Мы будем использовать варианты прокрутки и прокручиваемые разделы для достижения нужного эффекта. Независимо от того, новичок вы или опытный дизайнер, это пошаговое руководство поможет вам добавить немного интерактивности на ваш сайт. Главы: 00:00 Предварительный просмотр 00:40 Создание базовой карточки 05:04 Анимированная карточка с гистограммой 07:55 Анимированная карточка безопасности 10:09 Анимированная карточка с цифрами 13:04 Анимированная карточка со звёздами 15:10 Настройка вариантов анимации прокрутки 17:35 Адаптивность 20:05 Финал Не забудьте поставить лайк под видео, если оно оказалось вам полезным, и подписаться на наш канал, чтобы получать больше обучающих материалов по Framer и вдохновения для дизайна. _________________________________________________________ Найдите меня на других каналах: Twitter/X: / tonjrv Instagram: / tonjrv Темы: ________________________________________________________ Создайте бесплатный аккаунт Framer: _________________________________________________________ Если у вас есть вопросы или предложения, пожалуйста, оставьте их в комментариях ниже. Давайте окунёмся в мир интерактивного дизайна с Framer!