鐵人檔案
我決定來一場 30 天的 CSS 設計挑戰！
在專案中，經常會遇到一些酷炫的動畫效果或是超美的 CSS 設計，但由於自己的 CSS 技能還不夠扎實，總是不得不與設計師妥協，採用折衷的方案。
但這次我不再甘於現狀！我要挑戰自己，每天撰寫一個 CSS 練習，提升我的 CSS 功力，希望在 30 天後，我能夠自信地實現那些我曾經覺得困難的設計！
為什麼會有這個挑戰？ 起初，這個挑戰的源頭是同事問我是否要參加今年的 IThome 鐵人賽。雖然我每年都有參加，但今年專案繁多，我一度猶豫不決。 最終還是硬著頭...
https://codepen.io/pen?template=dyBqdBw 第一天的挑戰是切一個 CSS Challenge 100 Days 的 logo...
https://codepen.io/ericcai/pen/qBzgBRX 第二天的挑戰是製作一個有漸層變化效果的動畫，當滑鼠懸停時背景和文字顏色會隨之變化。...
https://codepen.io/ericcai/pen/JjQqWNJ 第三天的挑戰是製作一個點擊後能夠變形的菜單圖標，主要使用了 CSS3 的動畫和過渡...
https://codepen.io/ericcai/pen/rNXBpLP 在第四天的挑戰中，我們要來製作一個充滿視覺效果的金字塔場景，包括閃爍的星星、動態的...
