雖然 AI 很強大,但要做出精緻好玩的 CSS 效果仍然差強人意,因此我想藉由這系列的文章,分享一些有趣又充滿技巧的 CSS 範例,一同享受 CSS 帶來的美好~ ( 突然想把標題改成「這批 CSS 很純喔」但是沒辦法改了哭哭 )
以前玩 SVG 的時候,就一直在想能不能用路徑的方式,讓 CSS 動畫控制「非 SVG」的形狀,有一天我在麥塊裡面跑著直到膝蓋中了一箭,赫然發現好像可以誒!所以...
其實這個 3D 正多面體效果我早在好幾年前就做過,但再次查看自己的教學時,腦中卻只浮現這首歌:「I have a D,I have a DD,Um!! 3D!!...
最近在「Try 科學」節目裡,看到使用「膠水 ( 聚乙烯醇 ) + 鹼粽粉 ( 碳酸鈉 )」,就可以製作「無毒史萊姆」,想到 N 年前我有用純 CSS 做了一個...
某天經過一片翠綠的草地,看到地上有隻小蟲在蠕動,當牠奮力爬過一張寫著文字的紙條,我突然電 ( 靈 ) 光一閃!可不可以用純 CSS,在超連結的文字下方加上毛毛蟲...
大家還記得周星馳「破壞之王」打敗斷水流的絕招嗎?當何金銀和大師兄在旋轉幸運輪裡滾動時,不知道他們眼中的畫面是怎樣,是不是和網頁的視差滾動一樣呢?所以我決定做個純...
記得前些日子到了台南的林百貨,準備上樓吸收文創氣息時,瞥見電梯的樓層提示,竟然是時鐘型的指針呀!!這時我聽到了迷樣的聲音:「這種放射狀的指針選單,可以用純 CS...