# Roster Grant: UIアニメーション

クリックすると、チーム アバター カードのグリッドがアクティブになります。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/roster-grant

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-roster-grant.mp4?v=b949cbaa47

カーソルが中央の CTA ボタンをクリックすると、その周りのアバター カードがオンになる UI アニメーション。

- フレームワーク: Remotion
- カテゴリ: 製品デモ
- 再生時間: 4秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/roster-grant

カードのグリッドがフレームを埋め、それぞれに丸いイニシャルのアバター、名前、小さなサブタイトルがあり、柔らかい青みがかった明るい背景に設定されています。青い CTA ボタンが中央にあります。カーソルが移動してクリックすると、アクセスが許可されるとボタンの周囲のカードがオンになります。このシーンは 4 秒間続き、単一のアクションがグループ全体に広がる様子を示しています。

ボタンのラベル、アクセントカラー、テーマを変更し、シーンの周囲のフォントと背景を選択します。デフォルトのラベルは「すべてインストール」ですが、「チームを招待」、「アクセス権を付与」、または「全員を追加」と同様に機能します。ワンクリックで多くの人やアイテムに影響を与える、チームの招待、権限の変更、一括インストール、オンボーディング フローなどの SaaS デモで使用します。

## 活用例

- チーム招待機能のデモ
- 権限とアクセスの変更
- アクションを一括インストールまたは有効にする
- オンボーディング フローのチュートリアル

## 変更できる項目

- `speed`: 再生速度 (数値)
- `label`: ボタンラベル (テキスト)
- `accentColor`: アクセントカラー (色)
- `theme`: 明るいテーマまたは暗いテーマ (テキスト)
- `fontFamily`: フォント (テキスト)
- `stageBackground`: 現場の背景 (色)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Roster Grant]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

snapcnのRoster Grantをベースに作成: https://snapcn.dev