創建觸發器,在向下滾動頁面時淡化和移動元素。
本文會提到:
創建觸發器
創建動畫
將動畫應用於其他元素
選擇觸發器元素(例如項目連結),並點擊進入互動面板
點擊元素觸發器旁邊的加號
從下拉選單中選擇"Scroll Into View"
從"When Scrolled Into View"下的"Action"菜單中,選擇"Start an Animation"
點擊定時動作旁邊的加號
命名它(例如"Move up on scroll")
點擊"Timed Actions"旁邊的加號,從下拉選單中選擇移動
在移動下,將Y軸改為50像素
在"Timing"旁邊,切換到 "Set as initial state"
點擊"Timed Actions"旁邊的加號,從下拉選單中選擇不透明度
將不透明度改為0%
在"Timing"旁邊,切換到"Set as initial state"
點擊"Timed Actions"旁邊的加號,從下拉選單中選擇"Move"
在移動下,將y軸改為0像素
調整緩和與持續時間
點擊時間線中0秒處的加號,從下拉選單中選擇不透明度
將不透明度改為100%
調整緩和與持續時間
在"影響"旁邊選擇"Class"
點擊所有具有該類的元素,並選擇只有具有該類的子元素
關閉動畫,點擊進入互動面板
在觸發器設置下,確保此動畫應用於所有具有此類別的元素(例如"Class: Project Lin")