目前進度 1／4
STEP GUIDE · Starter
先讀完三項任務並預測結果。這一頁不會顯示 Solution 程式碼。
預計修改：style.css
完成後：按鈕有平順位移、按壓回饋與焦點框
完成後：處理中標籤以淡入淡出提示狀態
完成後：系統偏好減少動態時取消轉場與動畫
展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。
檔案：index.html
index.html
Starter 已提供這個檔案。
三項任務都不需修改此檔案。
檔案：style.css
style.css
請先閱讀上方任務與預計修改檔案。
Starter 不顯示完成碼，請先自己動手修改。
檔案：script.js
script.js
本練習沒有這個檔案。
本步驟不需修改此類型。
檔案：README.md
README.md
先準備滑鼠、Tab 鍵與作業系統的減少動態效果設定。
依序用滑鼠滑入、按住按鈕，再按 Tab 聚焦，觀察三種回饋。
按鈕有平順位移、按壓回饋與焦點框
完成後可見：按鈕有平順位移、按壓回饋與焦點框
作品正在準備
先用 Tab 找到按鈕，再用滑鼠比較滑入、按下與等待狀態。
沒有動畫時，這段重要說明仍然可讀。