標籤: 動態效果 頁1

動態效果相關的文章,目前共收錄 89 篇內容。

Velocity.js:輕量級加速網頁動畫的利器
網路資源

Velocity.js:輕量級加速網頁動畫的利器

Velocity.js是一款專門加速JavaScript動畫的開源程式庫,提供了一種輕量而高效的方式來處理網頁動畫,不需依賴jQuery即可使用。它支援鏈式呼叫、動畫排隊,並能達到與CSS動畫相當的性能表現,讓開發者在不影響網站效能的前提下,實現精緻的動畫效果。

Aceternity UI:創新的網頁元件與效果庫
網路資源

Aceternity UI:創新的網頁元件與效果庫

Aceternity UI 提供了一系列創新的網頁開發元件與效果,例如3D卡片效果、星光背景、動態漸變背景等,適合加強網站的互動性和視覺吸引力。每個元件都旨在提升用戶體驗,讓開發者能夠輕鬆整合到各種網頁設計中。

Rive:打造跨平台互動動畫,為設計與開發注入創意火花
網路資源

Rive:打造跨平台互動動畫,為設計與開發注入創意火花

Rive 是一個讓設計師與開發者能夠創建可在任何裝置上運行的互動動畫的平台。這個工具適合於打造應用程式、網站及遊戲中的動態元素,提供了熟悉的設計與動畫工具,並結合先進的狀態機制來豐富互動體驗。Rive 還支援開源運行時,讓動畫能夠輕鬆地整合到各種平台中,無論是無代碼或需要編寫代碼的專案都適用。

Animotion- Visual CSS Animation Builder:讓 CSS 動畫創建更直觀的視覺化工具
網路資源

Animotion- Visual CSS Animation Builder:讓 CSS 動畫創建更直觀的視覺化工具

Animotion 是一個免費的網頁應用程式,允許使用者透過拖拽、調整大小、旋轉、剪裁等視覺化操作來創建 CSS 動畫。它包含關鍵幀編輯器、一系列現成可用的動畫和29種內建的緩動效果。Animotion 在近期更新中加入了新外觀、鍵盤快捷鍵、多層顯示、自定義元素尺寸、平移和縮放功能,以及對關鍵幀、多重緩動效果、WYSIWYG 預覽模式、工具提示、程式碼優化、變形吸附、鍵盤快捷鍵、新域名、撤銷/重做、GitHub 暗色主題、關鍵幀自動化、深色模式、動畫庫和編輯動畫按鈕的改進。Animotion 支援大螢幕和現代網頁瀏覽器,適合需要視覺化創建 CSS 動畫的開發者使用。

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗
網路資源

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗

LottieLab是一個專為創建和編輯Lottie動畫而設計的平台。只要透過其介面建立完動畫後,就可以直接匯出給 Lottie 使用。

使用 GSAP 的 ScrollTrigger 外掛來製作背景視差滾動效果
教學

使用 GSAP 的 ScrollTrigger 外掛來製作背景視差滾動效果

說明使用 GSAP 的 ScrollTrigger 插件來製作背景視差滾動效果的方法。

Landing Love:收錄超過 700 個有著優秀動態效果網站的集合網站
網路資源

Landing Love:收錄超過 700 個有著優秀動態效果網站的集合網站

Landing Love 是一個收錄了超過 700 個有著優秀動態效果的網站的網站,你可以透過列表上預覽網站的效果,也可以透過分類及篩選快速找出想要的類型的網站,是一個在設計網站上很好的靈感參考工具。

App Motion:收錄許多 App 動態效果的網站
網路資源

App Motion:收錄許多 App 動態效果的網站

App Motion 是一個收錄許多 App 動態效果的網站,可以依據分類去篩選,作為設計動態效果上的參考。

SuperMarquee:打造流暢跑馬燈的最佳選擇
網路資源

SuperMarquee:打造流暢跑馬燈的最佳選擇

SuperMarquee 是用於網頁應用程式的流暢跑馬燈網絡元件。它提供了各種跑馬燈的功能,如水平和垂直滾動、不同的滾動速度、自定義樣式等。

Vue.js Example:收錄許多優秀 Vue.js 與元件的網站
網路資源

Vue.js Example:收錄許多優秀 Vue.js 與元件的網站

Vue.js Example 是一個匯集了眾多 Vue.js 範例的網站,包括了UI操作以及各種元件示例。開發者可以在這個網站上輕鬆尋找並參考喜愛的範例,或者直接應用它們到專案中。這個資源有助於開發者更深入地了解Vue.js的使用方式,並提供實用的範例供參考和使用。

Typewriter JS:簡單方便做出打字機效果
網路資源

Typewriter JS:簡單方便做出打字機效果

Typewriter JS 是一個可以簡單做出打字機效果的 javascript plugin,參考官方文件再調整參數就能做出想要的效果。

AutoAnimate:使用一行程式碼替你的應用程式增加動態效果
網路資源

AutoAnimate:使用一行程式碼替你的應用程式增加動態效果

AutoAnimate 是一個滿有趣的 javascript Library,之前的 Library 通常需要使用者自行決定在哪裡添加動畫,並進行設定,而AutoAnimate則能夠自動在整個應用程式中添加適當的動畫。

HUDS+GUIS:互動設計師的靈感和資源網站
網路資源

HUDS+GUIS:互動設計師的靈感和資源網站

HUDS+GUIS成立作為互動設計師的靈感和資源網站。這是一個您可以找到最具創意和有趣的UI設計示例的地方。資源可以來自任何地方,如電影、遊戲、概念設計和實際世界的發展。

Scroll-driven Animations:收錄許多網頁捲動時的特效實踐方法
網路資源

Scroll-driven Animations:收錄許多網頁捲動時的特效實踐方法

滾動驅動的動畫在網頁上是一個常見的用戶體驗模式。這些動畫與滾動容器的滾動位置相關聯。這意味著當你向上或向下滾動時,相關聯的動畫會根據直接響應向前或向後滑動。想像一下有趣的效果,比如視差背景圖像或隨著滾動而移動的閱讀指示器。

使用 Midjourney + Panolens.js 製作 360 度環景圖與互動效果
教學

使用 Midjourney + Panolens.js 製作 360 度環景圖與互動效果

介紹如何使用 Midjourney 生成 360 度環景圖與透過 Panolens.js 製作互動效果。

Textify.js:好用的網頁添加文字動畫效果的 javascript 函式庫
網路資源

Textify.js:好用的網頁添加文字動畫效果的 javascript 函式庫

Textify.js 是一個 JavaScript 函式庫,讓你可以在網頁上為文字添加動畫效果。這是一個安裝和使用都相當簡單的函式庫,提供多種可選的動畫效果,並讓開發者能夠根據個人喜好進行客製化。

Panolens.js:可以利用 360 度照片製造 VR 環景效果的 js 套件
網路資源

Panolens.js:可以利用 360 度照片製造 VR 環景效果的 js 套件

Panolens.js 是一個可以利用 360 度照片製造 VR 環景效果的 js 套件。

Loaf:有許多內建效果並可以客製化的 SVG 動畫圖庫
網路資源

Loaf:有許多內建效果並可以客製化的 SVG 動畫圖庫

Loaf 是一個有許多內建效果並可以客製化的 SVG 動畫圖庫,下載應用程式後就可以透過介面操作並輸出,只是大多數的動畫都是要錢的,可以斟酌使用。