如果我設定動畫,同一個畫面的動畫卻會因為我瀏覽畫面的畫面不一而導致有不預期的時間差例如Y軸很高的文字跟Y軸很低的文字,一同設定在2秒後開始淡入,卻因為瀏覽器讀取時不能直接讀取Y軸更低的文字。當畫面滑至下面,Y軸更低的文字此時才開始計算2秒時差,導致Y軸很高跟Y軸很低的兩組文字存在不預期的動畫時間差。
試把動畫效果撥歸同一組:
將動畫添加到群組 - 群組內的所有元素一起顯示該動畫。 要將動畫添加到群組中: 1. 按下Shift/Control (PC) / Cmd (Mac) +單擊所有物件 2. 點擊"群組元素" 3. 選擇及設定一種可用的動畫類型
請注意,不一定所有物件都能納入群組。
另外,網頁動畫效果是基於viewport, 即畫面所見的範圍。iMac 27吋的範圍,就比一般屏幕大很多,laptop又可能只有13丶4吋,故此設計動畫時,要考慮頁面的範圍,多使用不同尺寸屏幕測試及調整。