懸停時顯示元素
當鼠標懸停在父元素上時,使用懸停互動來顯示子元素。
本文會提到:
建立一個懸停的動畫
建立一個懸停的動畫
將動畫應用於其他元素
建立一個懸停動畫
選擇連結塊(使其成為觸發器)
在互動面板上,點擊元素觸發器旁邊的加號,從下拉選單中選擇鼠標懸停
在懸停時,從動作選單中選擇啟動一個動畫
點擊時間動畫旁邊的加號
命名它(例如"Fly in")
選擇想做動畫的元素
點擊定時動作旁邊的加號,從下拉選單中選擇移動
在"Move"給X軸一個數值(例如,-100)
在"Timing"旁邊,將開關切換到設置為初始狀態
對於您想做動畫的其他元素,重複步驟6到9
互動面板,(點擊shift)並選擇時間軸上的元素
右鍵單擊以複製
在"Move"把X軸改回原點(0像素)
在"Timing"改變Easing(例如Ease Out)
縮短持續時間(例如縮短到0.2秒)
建立一個懸停的動畫
點擊離開您剛剛建立的動畫
在互動面板中,在懸停時,從動作選單中選擇開始一個動畫
在定時動畫下,點擊飛入旁邊的齒輪圖標並選擇複製
啟動飛入2
重新命名它
從時間軸上刪除重複的動畫
選擇時間線中的其餘動畫
在"Timing"旁邊關掉"Set as initial state"
調整緩和與持續時間
將動畫應用於其他元素
選擇時間線中的任何一個定時動作
在"Affect"旁邊選擇"Class"
點擊所有具有這個類別的元素,並選擇只有具有這個類別的子元素
重複1-3的懸停出入動作
Last updated