link數位帳戶

link時程

執行任務的日期：2022 年 1102, 1104

link負責項目

前端、切版，導覽列、第一區塊，電腦版。

與其它任務不同，我只是仿製網頁當作練習，我寫出來的網頁並未實際上線。

link可否公開

此任務的來源為客戶，不能公開原始檔案。

link心得

看到原始碼才知道，企鵝的各部位是用 position 和 z-index 組合起來的，動畫是用 animation 和 @keyframes，原來只用 CSS 就可以做出一隻會招手還會眨眼的企鵝，我真的是嘆為觀止。還有第一區塊的文字在網頁加載完成後會逐行浮現，下方其他區塊則是在卷軸到達才會浮現。我覺得這些動畫為網頁加了不少分。

我目前只有在個人網站寫一些 animation，日後會在自己的各種專案中加入各種動畫，例如 transition, animate.css, pixi.js, wow.js, GSAP, three.js，都可以試看看。