標籤: 視差滾動 頁1

視差滾動相關的文章，目前共收錄 12 篇內容。

用 GSAP 和 ScrollTrigger 來製作前景的視差滾動效果
教學

用 GSAP 和 ScrollTrigger 來製作前景的視差滾動效果

在網頁設計中，視差滾動是一種能夠增強用戶體驗的強大效果。使用 GSAP (GreenSock Animation Platform) 與 ScrollTrigger 外掛，你可以輕鬆地創建豐富的滾動動畫，使前景與背景之間的移動產生層次感。本教學將引導你如何使用 GSAP 創建前景視差效果，並如何通過調整參數來使移動效果更加顯著。

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

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

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

scrollar.js- 輕便的 javascript 視差滾動套件
網路資源

scrollar.js- 輕便的 javascript 視差滾動套件

scrollar.js 是一個輕便的 javascript 視差滾動套件。

Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件
網路資源

Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件

Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件，用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。

StarScroll.js- 可做出星空般視差滾動效果的套件
網路資源

StarScroll.js- 可做出星空般視差滾動效果的套件

StarScroll.js 是可做出星空般視差滾動效果的套件。

Stellar.js- 視差滾動的套件
網路資源

Stellar.js- 視差滾動的套件

Stellar.js 是一個可以製作視差滾動的套件。

Parallax.js- 偵測滑鼠位置的視差滾動效果
網路資源

Parallax.js- 偵測滑鼠位置的視差滾動效果

Parallax.js 是一個可以偵測滑鼠位置的視差滾動效果的套件，可以做出有趣的互動效果。

MultiScroll.js- 左右交錯的偵測滑鼠滾動效果
網路資源

MultiScroll.js- 左右交錯的偵測滑鼠滾動效果

MultiScroll.js 是一個製作偵測滑鼠滾動效果的套件，特別的是他會一次滑動一頁而且顯示左右交錯滑動的效果。

ScrollMagic.js- 好用的滾動偵測與視差捲動效果套件
網路資源

ScrollMagic.js- 好用的滾動偵測與視差捲動效果套件

ScrollMagic.js 是一個好用的滾動偵測與視差捲動效果套件。

Rellax.js- 功能簡單但強大的視差滾動套件
網路資源

Rellax.js- 功能簡單但強大的視差滾動套件

Rellax.js 是一個功能簡單但強大的視差滾動套件，也支援前景的視差滾動效果。

paroller.js- 好用的視差滾動套件
網路資源

paroller.js- 好用的視差滾動套件

paroller.js 是一個功能簡單但效果強大的視差滾動套件。

Jarallax- 背景視差滾動套件
網路資源

Jarallax- 背景視差滾動套件

Jarallax 是一個製作背景視差滾動的套件，也支援 Youtube 嵌入的影片。