幫你的網頁加點特效
九十個開源特效挑幾個,讓 AI 裝起來玩。要框架的刪掉、要 build 的刪掉,剩一個 script 標籤能跑的留下。
9/30(三)20:00,時間到直接進來: https://meet.google.com/tkd-cjbj-vob
有個站之後,下一個念頭通常是「能不能加點會動的」。這場從九十個開源網頁特效裡示範怎麼挑、怎麼讓 AI 當場裝上去。
這晚會走過的路
- 十二類地圖:流體、Shader、3D、捲動敘事、粒子、生成藝術、純 CSS、文字動畫、游標互動,每類看一個代表。
- 刪去法:要 React 的刪掉、要 build step 的刪掉,剩一個 script 標籤就能跑的留下。
- 現場裝:拿一頁素站,讓 AI 把特效裝上去、再整組換掉。
- 一句實話:特效救不了寫壞的標題。先把字寫對,行有餘力再加效。
特效蒐集站公開在這,九十個都附 Demo 與原始碼:web-effects-collector。