Parker 的 Next.js實驗室
CSS、WebGL 與動畫庫整合
集中展示各種動畫效果組件,包含文字特效、水波紋背景、CSS 動畫等視覺互動技術
本區塊匯集各類動畫相關組件與效果展示,涵蓋純 CSS 動畫、WebGL 水波紋特效,以及自製文字動畫組件等,作為動畫技術的整合實驗室。
自製文字逐字動態顯示組件,支援自訂進入動畫效果
基於 WebGL 的互動式水波紋背景,支援滑鼠觸控互動與自動水滴效果
使用 CSS 搭配 anime.js 的三角形進場動畫效果展示
基於 WebGL 的影像波浪東曲效果,透過 Canvas Shader 控制動畫