歡迎使用 BRICKS ,此教學涵蓋互動控制的第三步 : 設定動畫種類,只要完成此章節內容,即可輕鬆學會 BRICKS 雲端智慧顯示互動控制的使用。
🕐 此篇教學操作預計花費時間:2~3 分鐘
步驟二『設定動畫類型』
在動畫的屬性中針對 default 去做不同的動畫方法做設定,也可以去針對單一的x, y, 或 width, height 去做動畫的設定,在此處先將動畫方法 method 設定為 [ easeOutBounce ] ,持續時間 duration 設定為 3 秒。
*針對不同的動畫方法效果,可以使用此連結查看 https://easings.net。
步驟三『播放預覽』
設定好之後就可以點擊播放預覽觀看動態轉換的效果了,也可以針對不同屬性或不同的動畫方法做試驗,玩玩看會有什麼樣不同的效果。
恭喜學會了動畫類型的基本概念
下一節將帶您認識元件進場動畫
若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題