在這次的鐵人賽中，我將會用錄下 coding 過程的方式實作30個只用 HTML&CSS 就可以做出的小作品，敬請期待吧!
偽元素+CSS animation 製作不斷抖動的文字。 Demo link
三個點沿著三角形的路線移動的動畫。 Demo link
Demo link
CSS clip-path 技巧應用。 Demo link
如題，源源不絕的文字不斷往階梯上移動。 Demo link
使用純 CSS 完成三大框架的 logo。 Demo link
使用 filter 的 blur 和 contrast 製作的效果，可以參考這篇文章:黏黏球 ( 純 CSS ) Demo link
由於最後的作品要花比較多時間製作，所以分成兩集，今天完成白天部分，不過 codepen 先釋出完整 demo，大概就知道明天要做甚麼了xd。 Demo link...
今天完成晚上部分，整個鐵人賽挑戰結束，明天會將所有作品做一個總整理。 Demo link
鐵人檔案
