Техническое задание: Анимированная гирлянда и бегущая строка

Основная цель

Создать визуально привлекательный и динамичный интерфейс, состоящий из двух ключевых компонентов: интерактивной гирлянды и ленты с логотипами.

Требования к гирлянде

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

Требования к логотипам

  • Реализовать горизонтальную бегущую строку (карусель) для отображения логотипов.
  • Анимация движения должна быть плавной и непрерывной.

Технический стек

  • Основной фреймворк для разработки: Svelte.
  • Допускается использование дополнительных библиотек для анимаций по согласованию.

Критерии приемки

  • Корректная и плавная работа всех анимаций (вращение, покачивание, бегущая строка).
  • Адаптивность верстки.
  • Чистый, структурированный и комментированный код.