Starter 要做什麼
先看見缺口，再完成一個小修改。
本主題檔案：files/index.html
定位：先查 MDN animation type，再在 Computed 確認 transition-property 真的是 opacity。
Starter · code-edit
可動畫屬性
先看見缺口，再完成一個小修改。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
提示框保持 display:block 供測試，opacity:0，尚未加入 visible-state。
預期看到
現有 runtime opacity 由0變1；required facts transitionRun/transitionEnd=true，midpoint 位於0與1之間。
.notice{opacity:0;transition:opacity .2s}.notice.is-visible{opacity:1}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：建立 primary-button、service-card 與可操作的服務方案示範。style.css
呈現層：集中放置狀態、transition、animation 與 reduced-motion 規則。main.js
行為層：只處理按鈕操作後的狀態提示，不假裝驗證 CSS。
證據：before=0、after=1、transitionRun=true、transitionEnd=true、midpoint介於0與1
前往 Checkpoint →