前端動畫工具Lottie

funny_coding發表於2024-11-13

gif動畫太大,用在app或者web頁面要載入半天,影響使用者體驗
svg配合CSS 開發者工作量太大,手動轉換非常費時

Lottie可以把Adobe After Effects動畫匯出成data.json檔案, 配合官方的js檔案可以渲染動畫,
data.json檔案比gif小的多,

https://airbnb.io/lottie/#/web 官網
https://github.com/airbnb/lottie-web?tab=readme-ov-file 程式碼
https://lottiefiles.com/featured-free-animations 免費現成的示例,如果不想自己設計,可以從這裡選擇

相關文章