iT邦幫忙

2025 iThome 鐵人賽

4
Modern Web

關於那些有趣的 CSS 效果系列 第 36

CSS,依然讓我怦然心動!( 純純的連續 36 天完賽心得 )

  • 分享至 

  • xImage
  •  

終於「又」完成了連續三十天的「純純的」發文!
這個系列(不含第一天和今天)總共有 34 篇精選 CSS 效果,每天一篇,連續 34 天,
和以往不同的是,這次的主題是我最喜歡的 CSS!
因此完成的那一刻,心情特別激動,彷彿又完成一個人生里程碑。

CSS,依然讓我怦然心動!

從初戀到長跑的陪伴

從求學階段到出社會工作,CSS 一直和我難分難捨。
即便後來接觸了 Python、LINE Bot 的開發,
也總能在角落瞥見 CSS 的身影(像是 PyQt 的 QSS、LINE Bot 的 rich menu),
就好像一段戀情,怎麼也甩不掉,總會再次相遇。

或許你也有過這樣的經驗:某種工具、某門語言,一用就愛上,
像初戀般讓人臉頰發燙。對我而言,CSS 就是那份 怦然心動

當年瘋狂玩 Flash 的時代還歷歷在目。
還記得 Adobe 宣布停止支援的那一刻,宛如晴天霹靂...
就在我以為少了一塊舞台時,CSS 默默補上了那個空缺。
雖然早期的瀏覽器支援度有限,但它依舊滿足了我對互動與動畫的渴望,
隨著技術進步,我也逐漸卸下心防,讓它正式成為我創作不可或缺的工具。

CSS,依然讓我怦然心動!

系統化的愛

其實好多年前,我就想做一份「CSS 教學大全」,
一來可以救贖未來的自己 ( 方便查詢 ),二來希望更多人能輕鬆學會 CSS。
於是我花了一年多時間,在 STEAM 教育學習網 寫下超過 150 篇文章
內容包含 850 個完整範例 ( 加上 OXXO.STUDIO 部落格總共 200+ 篇 1000+ 範例 )
目前也正在將文章轉成影片,已完成 2/3,總長超過 1200 分鐘
這大概就是所謂的.........吧!

在 AI 當道的時代,許多人說:「這些教學已經沒意義了,AI 可以幫你解決一切。」
我自己也常用 AI 幫忙產生程式碼或偷懶處理功能。
但我始終覺得,透過「系統化的教學」、「程式 + 視覺 + 互動」的方式,
才能真正體現人類的價值!
學習不是單純得到答案,而是去 面對、感受、解決 問題,這才是成長。

CSS,依然讓我怦然心動!

謝謝你們純純的相伴

至此,這系列文章就告一段落,感謝所有一路陪伴閱讀的朋友!
我還有「A CSS Video a Day, Keeps Web Confusion Away!! 」還正在連載,
如果你等不及,也可以先到我的網站瀏覽完整的 CSS 教學,
如果覺得我寫得還不錯,也請幫忙收藏、分享,讓更多需要的人找到它。

那麼,下次鐵人賽再見?!?

STEAM 教育學習網:CSS 教學大全

本系列完整目錄


上一篇
( Day 35 ) 純 CSS 碼表 ( 可計時 )
系列文
關於那些有趣的 CSS 效果36
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
Ray
iT邦研究生 3 級 ‧ 2025-09-05 13:03:23

恭喜完賽啦~~~ 36 篇有夠猛
我光寫 29 篇就已經想斷賽了(哎

oxxo iT邦研究生 1 級 ‧ 2025-09-05 13:09:45 檢舉

你那麼有梗,29 篇沒什麼啦~ (咦

Ray iT邦研究生 3 級 ‧ 2025-09-05 17:58:41 檢舉

已經剩下老梗了 Q_Q

我要留言

立即登入留言