Техническое задание: Анимация карточки персонажа

Задача

Разработать анимацию карточки персонажа на основе видеопримера (ссылка на референс предоставлена). Основная цель - создать плавное, привлекательное визуальное взаимодействие с акцентом на правильное размещение рамки.

Ключевые требования

  • Вокруг персонажа должна быть рамка (референс рамок прилагается).
  • Над верхней частью головы персонажа обязательно должно оставаться достаточно свободного пространства, чтобы рамка не перекрывала лицо или голову (требуется чистый визуальный зазор).
  • Динамика анимации должна соответствовать примеру: плавные вход/выход, эффект наведения (hover), акценты при появлении.
  • Картинка персонажа, фон и пример рамки предоставляются по запросу.

Технические детали

  • Анимация должна быть выполнена для веб-интерфейса (CSS/JS) или приложения (в зависимости от используемого стека). Уточните среду до начала работы.
  • Размер карточки: адаптивный, но ориентироваться на мобильное и десктопное отображение.
  • Работа принимается в исходных файлах (PSD/XD/Figma и рабочие файлы анимации).