測試

2026.06.02

網站動畫 & 互動極限盲測區

觀察以下區塊，記錄哪些有反應：

✅ 測試 1 (fadeIn)： 如果我會「慢慢變淡又變深 (閃爍)」，代表系統內建 fadeIn。

✅ 測試 2 (pulse)： 如果我會「像心跳一樣放大縮小」，代表系統內建 pulse。

✅ 測試 3 (bounce)： 如果我會「上下彈跳」，代表系統內建 bounce。

✅ 測試 4 (slideInLeft)： 重新整理時，如果我「從左邊滑進來」，代表內建 slideInLeft。

✅ 測試 5 (Details 摺疊面板)：點擊我看看！

如果點擊後能看到這行字，代表你可以用這個做「常見問題(FAQ)」的點擊展開效果！

✅ 測試 6 (Marquee)：如果這段文字正在向左滑動，未來你可以拿來做「最新優惠公告列」！

✅ 測試 7 (內聯 JS Hover)： 滑鼠移過來！如果變成黃色，代表你的編輯器允許行內腳本！

✅ 測試 8 (SVG 動畫)：如果右邊的圓球在變色和縮放 👉

滑鼠移入時，卡片整體等比例放大，且陰影加深，給人一種懸浮感。

滑鼠移入時，卡片向上位移，底部出現亮黃色色條，簡約有力。

滑鼠移入時，卡片像硬幣一樣進行 180 度翻轉，呈現色彩對比。

滑鼠移入時，文字的間距拉開，視覺感受會變得更寬闊、高級。

滑鼠移入時，形狀從不規則的梯形恢復成標準方形，充滿動態張力。