在頁面捲動上顯示淡入淡出和移動元素等效果。
在這裡你會發現:
- 設定啟用
- 定義運動
- 落實其他項目的動議
設定啟用
- 選擇您的啟動元件(例如項目連結)並造訪互動面板
- 點擊“元素觸發器”旁邊的加法符號
- 從提供的選項中選擇“捲動到視圖”
定義運動
- 在“滾動到視圖時”下的“操作”功能表中,選擇“開始動畫”
- 點擊定時操作附近的加號
- 分配標籤(例如,滾動期間向上移動)
- 按一下“定時操作”附近的加法符號,然後從清單中選擇“移動”
- 在「移動」下將 y 軸調整為 50 像素
- 在“計時”旁邊,啟動“設定為初始狀態”
- 點擊“定時操作”附近的加法符號,然後從清單中選擇“不透明度”
- 修改不透明度為0%
- 在 Timing 旁邊,設定為初始狀態
- 點擊“定時操作”附近的加號,然後從清單中選擇“移動”
- 在「移動」下將 y 軸改為 0 像素
- 自訂緩動和持續時間
- 點選時間軸上 0 秒處的加法符號,然後從下拉清單中選擇不透明度
- 將不透明度調整為100%
- 自訂緩動和持續時間
- 除了情感,選擇階級
- 選擇具有此類的所有元素,然後選擇僅具有此類別的子元素
落實其他項目的動議
- 退出動畫並導航到“交互”面板
- 在觸發器設定中,請確保此動畫套用於具有此類的所有元素(例如,類別:項目連結)
預覽你的作品。
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日