---
# System prepended metadata

title: "\U0001F3C5 Day 31 ~ 40 每日任務挑戰列表"
tags: [網頁切版直播班 - 2025 夏季]

---

# 🏅 Day 31 ~ 40 每日任務挑戰列表
> 每週六前固定更新一週每日任務 ex: 6/21 前更新 6/16-20 的每日任務列表。

- Day31：[Swiper 輪播套件介紹](https://hackmd.io/viDcVI2rTwahWU38NTo0WQ)
- Day32：[Swiper 客製化樣式（實作第六週 - 職旅故事區塊）](https://hackmd.io/MktvxfJrTQCOnZayNg5NXg)
- Day33：[Stretched link 連結延伸（第六週 - 基礎諮詢服務區塊）](https://hackmd.io/-opmb8C8ROqHEAzOtJu77A)
- Day34：[偽元素運用（第六週首頁卡片折角）](https://hackmd.io/B9cV1PHMTemXOoUpVBRNBQ)
- Day35：[active 切換效果](https://hackmd.io/YQv_3tgTRhOVcLIRH14_0A)
<br>
- Day36：[aos + animate](https://hackmd.io/zC1OLotVQ2WuNnok3-g9Sw)
- Day37：[keyframes 練習](https://hackmd.io/zSeDzS14Q6CgfI3RmMykig)
- Day38：[第八週 navbar 滾動加入背景色](https://hackmd.io/jpdVp-izRganpzV4jCK-Kw)
- Day39：[第八週卡片 hover 縮放效果](https://hackmd.io/YPgbuXBURH6rYutXEzYHOA)
- Day40：[Marquee 跑馬燈實作](https://hackmd.io/YmKdxNccTAOWcIuFTK2D0Q)