如何為元件加上動畫效果?

  1. 點選任一元件

    • 目前只有「選單」和「錨點」元件無法使用動畫設定
  2. 在右側「元件設定 > 動畫設定」點選任一動畫效果

    • 提供「強調效果」、「進入動畫」、「 離開動畫」的 57 種動畫效果
  3. 點選的動畫效果將可即時預覽,並加入到下方「動畫列表」
  4. 在選取狀態,可依需求調整下方設定值:

    • 持續時間:透過調整秒速,影響動畫的變化速度
    • 延遲時間:透過調整秒速,網頁載入後動畫的出現時機
    • 動畫次數:透過調整次數,驅動動畫效果的出現次數
    • 循環動畫播放列表:勾選開啟後,即依序循環播放動畫列表中的所有動畫效果
  5. 如需要在一個元件加上多個動畫效果,可在「動畫效果」區域點擊空白處,即可再點擊新增其他動畫效果
Prev
積木是什麼?如何使用積木?
Next
框架設定是什麼?如何將元件固定在指定位置?