標籤: 動畫 頁1
動畫相關的文章，目前共收錄 43 篇內容。
網路資源
CSS Loaders：前端開發者的 Loading 動畫寶庫，超過 600+ 特效幫助實現美觀流暢的讀取效果
CSS Loaders 提供超過 600 種純 CSS 讀取動畫，涵蓋經典、旋轉、進度條等類別，所有動畫均以單一元素實現，簡潔易用。支援即時預覽與一鍵複製 CSS 代碼，幫助開發者快速整合高效、輕量的動畫效果，提升網站用戶體驗。
網路資源
Cursify：添加流暢的游標動畫效果函式庫！打造獨特網站互動體驗
Cursify 是一款專為 React 和 Next.js 設計的開源滑鼠游標動畫庫，提供多種精美互動效果，如仙女塵、氣泡、聚光燈等，並支援高度自訂，讓網站更具吸引力與動態感。
網路資源
VirtualThreads：快速將 2D 設計轉換為 3D 動態模型的免費工具
VirtualThreads 是一個快速將 2D 設計轉換為高品質 3D 動態模型的服務，支援即時預覽、自訂背景與動畫效果，提升設計展示的吸引力！
網路資源
Woah.css 動畫庫：網站設計更吸睛的秘密武器
Woah.css 是一款專為追求獨特動畫效果的開發者設計的開源 CSS 動畫庫，提供如「comeInStyle」等多種風格，簡單易用，讓網站更吸睛！
網路資源
beautifully crafted animated icons：好用且生動的 icon 動畫資源庫
beautifully crafted animated icons 是一個開源的高品質動畫圖示庫，基於 Motion 和 Lucide 技術構建，免費提供流暢互動的圖示，適用於網站、應用程式和數位產品，助力快速打造生動的用戶體驗。
網路資源
MageCDN SVG Loaders：開源的 SVG 讀取動畫庫
MageCDN SVG Loaders 提供超過 100 種專業設計的開源 SVG 加載動畫 icon，適用於網站和應用的載入狀態顯示。這些動畫包括旋轉圖標、進度指示器等樣式，支援高解析度、輕量化和快速載入，開發者可自訂顏色和速度。簡便整合、MIT 授權，適合商業專案和個人開發者使用，有助於提升用戶等待時的體驗並增強互動性。
網路資源
Animata Design：互動動畫元件的寶庫
Animata 是一個專注於提供手工製作的互動動畫與效果庫，讓開發者能夠快速將精美的動畫效果套用到自己的專案中。該平台彙集了超過 80 種元件，從打字效果、漸層文字到卡片動畫，皆能輕鬆複製並整合到前端設計中。Animata 特別適合需要高效完成視覺效果的開發者，幫助他們節省創建複雜動畫的時間與精力。
網路資源
Manim：動態數學視覺化的開源工具
Manim 是一個開源的 Python 程式庫，專門用於創建高品質的數學動畫。由 ManimCommunity 維護，它可用於產生動態圖像，幫助視覺化數學方程式、幾何形狀和概念，並廣泛用於教育和科學展示。使用者可以靈活設定動畫，從基本圖形到複雜的三維模型。Manim 社群持續改進該工具，並且提供詳細的文件及教學，幫助新手快速入門。適合希望進行數學視覺化的開發者和教育者。
網路資源
Web Animation Course：打造動態網頁的動畫課程，讓網站充滿生命力
Web Animation Course 提供了一個專為網頁設計師及開發人員打造的線上課程，專注於教導如何使用動畫技術來提升網站的互動性及吸引力。這門課程不僅適合有經驗的網頁設計師，也適合那些想要學習如何讓網站「活起來」的初學者。
網路資源
LottieLab：輕鬆打造 Lottie 的動態互動網頁體驗
在數位內容創作中，動畫越來越成為提升視覺效果的重要元素。LottieLab 正是一款專門為動畫設計師和開發者打造的創新工具，旨在簡化動畫的創作和整合過程。LottieLab 結合了強大的編輯功能與即時預覽，讓使用者能夠更快速、更直覺地創建和管理 Lottie 動畫。
網路資源
AnimStats：提升互動力的動畫數據展示工具
AnimStats 是一個讓你將枯燥的數據轉化為吸引人的動畫 GIF 或影片的工具。使用者只需幾分鐘即可創建出引人注目的數據動畫，無需任何設計技巧。AnimStats 提供多樣化的專業模板和背景，讓你可以個性化你的動畫內容。透過分享這些動畫於社群網站、網站或投影片上，可以顯著提高觀眾的互動和參與度。
網路資源
trace.moe：神奇的動畫場景搜尋工具
trace.moe 是一個專門用來搜尋動畫場景的工具，使用者只需上傳一張截圖或影片片段，即可快速找出該場景所屬的動畫作品及其相關資訊。這個平台利用強大的圖像識別技術，能夠準確識別出數千部動畫中的特定場景，對於動畫愛好者來說是非常方便的資源。無論是尋找某個片段的出處，還是探索更多動畫內容，trace.moe 都能提供即時且精確的搜尋結果。
網路資源
EMAGE：透過上傳音樂生出對應動作的 AI 模型
EMAGE 是一種音訊輸入來創造出包括頭部、嘴型、身體、手部以及整體運動的動作的 AI 模型。這項技術與Meta之前推出的audio2photoreal有著類似的概念，都是將音訊資料轉化為更加豐富的視覺表現形式。這種技術在虛擬實境、遊戲開發、動畫製作等領域具有廣泛的應用潛力，基於音訊生成逼真的人物動作，進而提升視覺內容的互動性和真實感。
網路資源
Motionimo：給動畫設計師的豐富線上資源
Motionimo 網站是一個專為動畫設計師打造的頭等艙，提供豐富的資源和美麗的動畫靈感，幫助您提升動畫設計的技巧與文化 。無論您是尋找3D模型、藝術家介紹、書籍推薦，還是想學習新的設計課程，Motionimo 都能為您提供每日優質的資源。該平台還特別推薦了免費的動畫工具和外掛，如 Duik、Ease and wizz 以及 After Effects，無疑是動畫愛好者和專業人士的寶藏。
網路資源
Zajno Digital Studio：整理網站動態設計的教學與實際案例，啟動視覺饗宴的秘密
在今天這個視覺氾濫的時代，如何讓你的網站或應用程式脫穎而出？Zajno Digital Studio 提供了答案。這個平台精心展示了如何通過動畫原理和技術增強用戶體驗和互動性。從基本的動畫緩動（Easing）、偏移與延遲（Offset and Delay）到更進階的轉換/變形（Transformation/Morph）和遮罩（Masking），每一技術都透過實際的案例展示其對話術性和吸引用戶探索的力量。
網路資源
Animotion- Visual CSS Animation Builder：讓 CSS 動畫創建更直觀的視覺化工具
Animotion 是一個免費的網頁應用程式，允許使用者透過拖拽、調整大小、旋轉、剪裁等視覺化操作來創建 CSS 動畫。它包含關鍵幀編輯器、一系列現成可用的動畫和29種內建的緩動效果。Animotion 在近期更新中加入了新外觀、鍵盤快捷鍵、多層顯示、自定義元素尺寸、平移和縮放功能，以及對關鍵幀、多重緩動效果、WYSIWYG 預覽模式、工具提示、程式碼優化、變形吸附、鍵盤快捷鍵、新域名、撤銷/重做、GitHub 暗色主題、關鍵幀自動化、深色模式、動畫庫和編輯動畫按鈕的改進。Animotion 支援大螢幕和現代網頁瀏覽器，適合需要視覺化創建 CSS 動畫的開發者使用。