# Cursor Gravity: Анимация появления кнопки

Скругленный треугольный курсор вытягивает кнопку из-за края экрана с упругим сопротивлением, пока она не встанет в центре. Видеоэффект: код для Claude или монтаж в Subclip.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

Курсор цепляет кнопку у края экрана и вытягивает ее упругими рывками, пока кнопка не освободится и не встанет в центре.

- Фреймворк: Remotion
- Категория: Эффекты
- Длительность: 6 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-gravity

На ярко-фиолетовом фоне кремовый треугольный курсор поднимается снизу и цепляет правый край скрытой кнопки. Он тянет дважды, и каждый раз кнопка растягивается и отскакивает назад, как резина, затем последний рывок освобождает ее, и задний край пружинит внутрь. Курсор уходит вниз, а кремовая кнопка "Create something" встает в центре. Анимация длится около шести секунд.

Вы можете изменить надпись на кнопке, упругость и цвета курсора, кнопки, текста и фона, а также скорость воспроизведения и фон вокруг сцены. Используйте эффект для призыва к действию, показа функции приложения, игривого представления продукта или приглашения зарегистрироваться в конце ролика.

## Для чего подходит

- Призывы к действию
- Показ функций приложений
- Игривые представления продуктов
- Приглашения зарегистрироваться в конце ролика

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `label`: Надпись на кнопке (Текст)
- `tension`: Упругость (Число)
- `cursorColor`: Цвет курсора (Цвет)
- `color`: Цвет кнопки (Цвет)
- `textColor`: Цвет текста (Цвет)
- `backgroundColor`: Цвет фона (Цвет)
- `stageBackground`: Фон вокруг сцены (Текст)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Cursor Gravity и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Cursor Gravity из remocn: https://remocn.dev