利用懸停互動在懸停時顯示元素。
在本教程中:
- 建立懸停進入動畫
- 創建懸停退出動畫
- 在其他元件上實現動畫
建立懸停進入的動畫
- 選擇您的連結區塊(作為觸發器)
- 在“交互”面板中,按一下“元素觸發器”旁邊的加法符號,然後從選項中選擇“滑鼠懸停”
- 對於懸停事件,從操作清單中選擇啟動動畫
- 點擊時間動畫附近的加法符號
- 為其命名(例如,滑入)
- 選擇您想要設定動畫的元件(例如,心形組件)
- 點選定時操作附近的加號,然後從選項中選擇 Shift
- 對於 Shift,為 x 軸指定一個值(例如 -100)
- 在「計時」旁邊,開啟「設定為初始狀態」的開關
- 對要設定動畫的其他元素重複步驟 6 到 9
- 交互面板,(按 Shift 鍵)並選擇序列中的元件
- 右鍵單擊複製
- 對於 Shift,將 x 軸恢復為其原始值(0 像素)
- 對於計時,更改緩動(例如,緩出)
- 減少持續時間(例如,減少到 0.2 秒)
創建懸停退出動畫
- 退出剛剛創建的動畫
- 在“懸停時”下的“互動”面板中,從“動作”清單中選擇“啟動動畫”
- 在定時動畫中,點擊滑入旁邊的齒輪圖標,然後選擇複製
- 啟動滑入 2
- 重新命名(例如,優雅地滑出)
- 從序列中刪除複製的動畫(例如,Heart 和 H3 Price)
- 選擇時間軸中剩餘的動畫
- 在“計時”旁邊,關閉“設定為初始狀態”
- 像以前一樣調整緩動和持續時間
在其他元件上實現動畫
- 選擇序列中的任意定時操作
- 在影響旁邊選擇等級
- 按一下具有此類的所有元素,然後選擇僅具有此類的子元素
- 對懸停進入和懸停退出重複 1-3
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日