DEXACT STUDIO
Back
奧丁2週年改版活動頁面
前端

奧丁2週年改版活動頁面

Clientkakaogames
Date2024/02/24
前往專案

活動網頁是運用 JavaScript 與 GSAP 動畫函式庫所打造的前端互動作品。網頁採用了模組化的程式架構,確保各功能區塊能獨立運作並保持良好效能。頂部導航列實作了點擊後的平滑轉場效果,使用者可在「首頁」、「更新介紹」、「週年活動」等頁面間無縫切換。 在動畫處理方面,GSAP 的時間軸功能被用於實現「2週年慶典」與「雷霆使者 UPDATE」標題的入場動畫,包括文字光芒效果和位移動畫。頁面中的播放按鈕區域整合了客製化的懸停效果,按鈕邊框在互動時呈現光芒閃爍動畫。