系列文章
( Day 21 ) 純 CSS 字母翻牌效果
想起「少年賭神在賭桌上翻開撲克牌的一角，後面神眼朱老九偷看牌」的橋段，那種翻不壞的撲克牌真令我著迷，心想如果用純 CSS 來做個翻牌效果，當年的賭神應該就是我了...
( Day 22 ) 純也不純的 CSS 探照燈動畫 ( CSS Spotlight )
今天去逛了華山的哆啦 A 夢特展，裡面有個動畫效果是哆啦 A 夢在昏暗的房間裡用縮小燈照了哆啦 B 夢 ( 哆啦美 ) 和大雄，所以我就決定也來做個純 CSS...
( Day 23 ) 純 CSS 流動色彩文字
從小到大三國演義看過 N 次，三國無雙也玩過 N 次，只要看到小喬，我總會想起「小橋流水唏哩哩」這句話？？為了小喬和周瑜，也為了萌萌！我決定做個純 CSS 流動...
( Day 24 ) 純 CSS 漸層色文字、雙色文字、圖片背景文字
最近玩 UNO 的手氣一直不太順，牌常常多到可以變成一把扇子，每當懊惱著運氣不好，就會看著 UNO 牌面組成的漂亮漸層色發呆，心想用純 CSS 是否能做出漸層色...
( Day 25 ) 純 CSS 空心文字、文字水波背景動畫
夜深人靜，又聽了茄子蛋的「浪流連」，不知道他們什麼時候能再復出，MV 裡男主角被掏空的心何時才能平復，我已經決定，用純 CSS 做個「空心」的「波浪」，薰莫閣食...
( Day 26 ) 純 CSS 雙色立體文字跑馬燈
最近股票一直漲，看著電視牆立體的跑馬燈，有股沒有上到車的不悅一直卡在心裡，一氣之下乾脆用純 CSS 做個立體文字跑馬燈，做完之後怨氣應該也會消去一半吧～ 這個效...
( Day 27 ) 純 CSS 樓梯文字動態效果
在日月潭的文武廟前有一座年梯步道，步道階梯的每一階上刻著 365+1 天的日期以及當天出生的名人，當我氣喘吁吁爬著階梯時，心想不如用純 CSS 來處理這麼累人的...
( Day 28 ) 純 CSS hover 時左右傾斜的背景效果
某天經過公園看到小朋友在玩翹翹板，心血來潮也跑過去問說「可不可一起玩？」，他們問說「大哥哥 ( 羞 ) 為什麼想要一起玩？」我說「因為我想要用純 CSS 做出這...
( Day 29 ) 純 CSS ICON 圖示形狀變換
雖然變形金剛演了好幾部曲，但我只看到第二部曲 ( 還我梅根福克斯 )，看到變形金剛劈哩啪啦的變形，心想不如用純 CSS 做個 ICON 的變形好了！凡事起頭難，...
( Day 30 ) 純 CSS 故障文字效果
雖然阿諾很老了，但他的魔鬼終結者仍然是經典中的經典！每次想到他被液態金屬人插爆的當下，眼中竟然還是充滿著愛意，就讓我不禁想要用純純的 CSS 做出類似的效果.....