Техническое задание: Анимированная гирлянда и бегущая строка
Основная цель
Создать визуально привлекательный и динамичный интерфейс, состоящий из двух ключевых компонентов: интерактивной гирлянды и ленты с логотипами.
Требования к гирлянде
- Реализовать гирлянду, состоящую из шаров, подвешенных на нитях.
- Обеспечить плавное вращение всей гирлянды по кругу, чтобы пользователь мог видеть все шары.
- Добавить каждому шару анимацию легкого, естественного покачивания из стороны в сторону на своей нити.
- Внутри каждого шара должен отображаться определенный приз (изображение или текст).
Требования к логотипам
- Реализовать горизонтальную бегущую строку (карусель) для отображения логотипов.
- Анимация движения должна быть плавной и непрерывной.
Технический стек
- Основной фреймворк для разработки: Svelte.
- Допускается использование дополнительных библиотек для анимаций по согласованию.
Критерии приемки
- Корректная и плавная работа всех анимаций (вращение, покачивание, бегущая строка).
- Адаптивность верстки.
- Чистый, структурированный и комментированный код.