鐵人檔案
雖然 AI 很強大，但要做出精緻好玩的 CSS 效果仍然差強人意，因此我想藉由這系列的文章，分享一些有趣又充滿技巧的 CSS 範例，一同享受 CSS 帶來的美好～ ( 突然想把標題改成「這批 CSS 很純喔」但是沒辦法改了哭哭 )
以前玩 SVG 的時候，就一直在想能不能用路徑的方式，讓 CSS 動畫控制「非 SVG」的形狀，有一天我在麥塊裡面跑著直到膝蓋中了一箭，赫然發現好像可以誒！所以...
其實這個 3D 正多面體效果我早在好幾年前就做過，但再次查看自己的教學時，腦中卻只浮現這首歌：「I have a D，I have a DD，Um!! 3D!!...
最近在「Try 科學」節目裡，看到使用「膠水 ( 聚乙烯醇 ) + 鹼粽粉 ( 碳酸鈉 )」，就可以製作「無毒史萊姆」，想到 N 年前我有用純 CSS 做了一個...
某天經過一片翠綠的草地，看到地上有隻小蟲在蠕動，當牠奮力爬過一張寫著文字的紙條，我突然電 ( 靈 ) 光一閃！可不可以用純 CSS，在超連結的文字下方加上毛毛蟲...
大家還記得周星馳「破壞之王」打敗斷水流的絕招嗎？當何金銀和大師兄在旋轉幸運輪裡滾動時，不知道他們眼中的畫面是怎樣，是不是和網頁的視差滾動一樣呢？所以我決定做個純...
記得前些日子到了台南的林百貨，準備上樓吸收文創氣息時，瞥見電梯的樓層提示，竟然是時鐘型的指針呀！！這時我聽到了迷樣的聲音：「這種放射狀的指針選單，可以用純 CS...
最近電視又播了海底總動員第二集，看到那隻章魚哥跑到哪就變色到哪，真不愧是變色界的霸主！看著牠的變色，讓我覺得如果用純 CSS，讓捲軸拖拉到哪文字就變色到哪，是否...
邊吃丹丹邊看 Youtube 的時候，突然注意到影片的進度條，心想用個純 CSS 來做進度條應該很乾丹吧！沒想到要跟「網頁卷軸」搭配還真的有點不乾丹，所以寫了篇...
不知道大家有看過「少林足球」嗎？我最喜歡輕功水上飄六師弟飛到天上頂球下來的那一幕，所以我決定用純 CSS 做出六師弟在水上飄的時候產生的「水波」！只可惜要做出六...
回想起之前參觀的草間彌生特展，那些充滿生命力和精神幻想的圓點，讓我想起董志成惟妙惟肖的模仿了「草間彌生」!因此我覺得應該要用純 CSS 做個圓點效果，致敬一下草...
