Wix Studio エディタ:要素ごとに利用可能なアニメーション
1分
以下の表では、各要素で利用可能なアニメーションとエフェクトについての詳細を記載しているので、動的でインタラクティブなデザインの作成にお役立てください。
要素 | 利用可能なアニメーション |
---|---|
アコーディオン | エントランス |
アンカーメニュー | ホバー |
オーディオプレーヤー | エントランス |
ベーシックシェイプ | すべてのアニメーションタイプ |
ボタン | すべてのアニメーションタイプ |
折りたたみ可能テキスト | エントランス、ホバー、マウスエフェクト |
コンテナ | すべてのアニメーションタイプ |
フッター | ホバー、クリック、スクロール |
フレックスボックス(親とアイテム) | ループを除くすべてのアニメーションタイプ |
グリッドセル | マウスエフェクトを除くすべてのアニメーションタイプ |
ハンバーガーメニューアイコン | エントランス |
ヘッダー | ホバー、クリック、スクロール |
横型メニュー | エントランス、ホバー |
画像 | すべてのアニメーションタイプ |
入力欄 | エントランス |
ライトボックス | エントランス |
線(横線と縦線) | すべてのアニメーションタイプ |
Lottie | エントランス |
マルチステートボックス | エントランス、クリック、ホバー、マウスエフェクト |
ページ | スクロール |
リピーター(親) | エントランス、ループ、マウスエフェクト、スクロール |
リピーター(アイテム) | AB デザインが無効:すべてのアニメーションタイプ AB デザインが有効:クリック、ホバー、マウスエフェクト |
セクション | ホバー、クリック、スクロール ヒント:メディア背景があるセクションに WebGL エフェクトを追加することもできます。 |
シェアボタン | エントランス、ホバー、マウスエフェクト |
サイト検索バー | エントランス |
スライドショー | エントランス |
ソーシャルバー | エントランス、ホバー、マウスエフェクト |
スタック | すべてのアニメーションタイプ |
テーブル(表) | エントランス |
タブ | エントランス |
テキスト | すべてのアニメーションタイプ |
マーキーテキスト | ホバー(トリガー要素として) |
テキストマスク | すべてのアニメーションタイプ |
透過動画 | エントランス、マウスエフェクト、スクロール |
ベクターアート | すべてのアニメーションタイプ |
動画ボックス | エントランス、マウスエフェクト、スクロール |