bio-site

把游標
借我一下。

在這頁隨便動一動滑鼠。跟著你的那個東西叫 cursor.inkBrush,是這裡 222 個特效的其中一個。它不是一段寫死的動畫:調參台上的三條拉桿改的是它真正的參數,改幾個數字,就是另一個特效。

換一種樣子。每一種都是一個內建 Preset。按鍵盤 1 到 5 也可以換

游標變成一枝毛筆:慢慢寫筆畫飽滿,快速帶過出現飛白,停筆暈開一滴墨。搭配水墨背景最對味。

特效

11 類、222 個。每一個都有自己的參數表,可以好幾個疊在一起用,疊好的組合能存成 Preset。全部都能在展示頁現場試。

游標Cursor
30
點擊Click
漣漪、粒子爆開、火花、衝擊波,還有 12 個
16
背景Background
愛心、彩帶雨、極光、星雲,還有 31 個
35
後製濾鏡Post-processing
膠片顆粒、暗角、模糊、色差,還有 9 個
13
文字Text
29
圖片與卡片Image & card
35
捲動Scroll
10
進站與轉場Intro & transition
8
音訊Audio
9
互動Interactive
19
資料元件Widgets
18

模板

40 個內建模板,每個都是排好版面、配好特效的一整頁。套用之後,你的頭像、名字和連結會留著,換掉的只有版面和特效。自己做的也可以投稿。

琥珀雨夜窗整頁只用一種琥珀色、全部靠左:名字和右邊的瀏覽數地點、長長一排徽章、打字機引言、發光圖示和播放列,壓在昏暗的雨夜窗景上,沒有卡片。進站只有一顆小愛心。換上你自己的背景影片(夜景、雨窗)會更有味道。便當格・10 個特效橫幅光波名片置中的小名片:淡藍細框、頂端一整條橫幅、頭像戴著霜光掛飾壓在橫幅下緣、右側一排小徽章、名字微微發光,底下是 Discord 狀態、一排發光社群圖示和波形播放器,背景是緩緩流動的銀藍光帶。進站前只有一顆星和一句話。橫幅換上你自己的圖片。自由畫布・9 個特效便當格四欄 Bento 格子:卡片、圖片、連結各佔一格,網格漸層背景加聚光卡片。適合作品多、想一次展示很多東西的人。便當格・6 個特效粗獷主義零圓角、粗黑框、空心大字與反色游標。不裝飾、不客氣,資訊就是設計。直排・10 個特效置中名片社群上最常見的那一種:全螢幕背景影片、畫面正中央一張半透明名片、頭像掛飾、名字上的星光、打字機簡介,點一下才進站。直排・11 個特效純黑紅字等寬全黑底、沒有卡片,所有字都是發光的紅色像素等寬字:頭像、名字、一排圖示徽章、Discord 伺服器卡、橫條播放器由上往下排,一隻像素貓會追著游標跑,左下角掛著瀏覽數。直排・6 個特效開發者像一份會動的 README:等寬字、技術棧徽章、滾動計數的貢獻數字,點一下還會飄出 git 指令。便當格・10 個特效點陣章節長頁一路往下捲的多段式個人頁:開場是圓角方頭像配右邊的名字、打字機簡介和圖示,接著是帶歌詞的大播放卡、關於我與 Discord 狀態和時鐘、作品清單、其他頁面,右側圓點導覽。整頁蓋一層點陣網點,背景是模糊散景;換上你自己的背景影片會更像。便當格・15 個特效雜誌編排像翻開一本獨立刊物:襯線大標逐字浮現、紙張顆粒、雙色調封面與細細的閱讀進度線。直排・8 個特效自由畫布完全自由擺放的範例:頂部橫幅底板疊在頭像後面、音訊圓圈繞著頭像、主卡片和播放器卡片分開、歪一點的小貼紙。打開就能直接在預覽裡拖。自由畫布・3 個特效霜光夜空卡藍色夜空下的一張深色毛玻璃大卡,外緣一圈淡淡白光、會跟著游標微微傾斜:圓角方形頭像、發光名字、Discord 狀態、一排發光社群圖示和資訊列,播放器接在最底下,畫面上有細細的星點往下飄,游標拖著一條細白線。換上你自己的背景影片(夜景、像素風景都很適合)。直排・12 個特效霧藍橫向玻璃卡整片霧藍、淡金的模糊背景上,一張白邊半透明的橫向卡片:左邊戴花環的頭像,右邊是漸層閃粉的像素字名字、圖示徽章、打字機簡介和加入日期,社群圖示置中、瀏覽數在左下。換上你自己的背景圖(記得調模糊)。便當格・8 個特效玻璃擬態流動色塊上浮著一片片毛玻璃卡片,滑鼠經過會有聚光與傾斜,乾淨又有層次。便當格・9 個特效石墨橫向名片深灰底上一張很圓的寬名片:圓角方形頭像戴著落葉裝飾在左上,右上角是瀏覽數與所在地,名字、打字機簡介和社群圖示全部靠左往下排,整頁像素等寬字。進站畫面只有一行字和瀏覽數,點任何地方進站。便當格・6 個特效粉紫發光雙卡粉嫩亮色的背景上兩張分開的淡紫色霧面卡:上面是主卡(發光名字加紫色閃粉、所在地、Discord 狀態、發光的社群圖示、左下瀏覽數),下面是一條同色播放器卡,背景飄著白色星光。換上你自己的背景影片。自由畫布・9 個特效鎖定畫面・極簡近乎全黑的畫面上只有日期和一個細細的等寬字時鐘,其餘資訊縮到最小;底下附一排世界時鐘。可以再放一張壓暗的桌布。直排・4 個特效鎖定畫面像手機鎖定畫面:小小的日期、超大的襯線時鐘,下面才是頭像、名字和一句話。背景是流動的夜色,換成自己的影片就是動態桌布。直排・4 個特效極簡一欄到底的乾淨版面:頭像、名字、一句話、幾個連結。淺色、留白多,適合第一次做頁面。直排・2 個特效現代檔案橫向展開的個人檔案:左邊頭像、右邊名字與簡介,下面排著 Discord 狀態、戰績卡、資訊列和連結,適合資訊比較多的人。便當格・10 個特效等寬暗色寬卡純黑底上一張幾乎看不見邊的暗色寬卡:左邊大頭像、右邊發光的打字機名字和認證徽章,下面並排 Discord 狀態和伺服器卡,再來是一排發光圖示和瀏覽數,最下面是播放列。全站 JetBrains Mono 等寬字。便當格・8 個特效音樂人為歌手與樂團準備:迷你播放器、會呼吸的頻譜背景、最新發行與近期演出,加上音軌就能跟著節拍律動。直排・9 個特效霓虹賽博深夜雨巷的霓虹招牌:青色與洋紅的電光、故障字與電流游標,適合想要強烈個性的頁面。直排・8 個特效霓虹雨夜極簡列不用卡片、不用進站畫面:霓虹紫藍的雨夜街景上,只有一顆發光頭像和緊貼在右邊的一行藍色發光圓體名字,頭像底下小小的瀏覽數。細雨一直下,畫面帶一點顆粒。換上你自己的背景影片(像素城市、霓虹街景最對味)。自由畫布・8 個特效夜雨電台下著雨的深夜個人頁:頭像是一張會轉的黑膠,完整播放器、畫面底下跟著歌走的歌詞、角落的音量鈕,還有瀏覽數與愛心。加上你的歌就完整了。直排・14 個特效黑白影片播放首頁像一個網站首頁的寬版頁面:左上頭像與名字、右上一排品牌色社群圖示、下面一排可以點的分區導覽;第一屏是大張封面加正在播放,往下捲才是連結和小工具,左下角固定瀏覽資訊、右下角一顆愛心。背景是去色的影片,換上你自己的背景影片和封面就完成了。便當格・11 個特效粉彩可愛草莓牛奶色的軟綿綿頁面:飄落的愛心、花瓣游標和會跳動的頭像,溫柔又討喜。直排・8 個特效粉色拼貼情侶卡暖色拼貼背景上兩張淡粉玻璃卡:主卡左邊是戴愛心的頭像,右邊是發光大名字、粉紅打字機簡介和社群圖示,下面接 Discord 狀態、一條有橫幅底圖的情侶列(兩個人中間一顆跳動愛心)和統計;另一張卡是粉色播放器,四周飄著粉紅星點。換上你自己的拼貼背景圖就完成了。自由畫布・13 個特效像素復古8-bit 冒險者名片:按下 START 進場,方塊粒子游標、像素按鈕和逐格顯影的地圖。直排・9 個特效作品集把作品放在最前面:分頁式的關於我、有封面的作品格、幾個數字和經歷時間軸。淺色底,讀起來像一份乾淨的履歷。直排・8 個特效紅字終端極簡全黑底、畫面正中只有一行雜訊抖動的紅色名字,旁邊一顆裝滿青色圖示徽章的膠囊;往下捲才看到大張作品卡。進站是黑底白字的名字,左下角紅色瀏覽數,右邊紅點導覽。便當格・8 個特效無框極簡沒有卡片、沒有外框:黑底上只有小小的頭像、一行會起毛邊的名字、幾條文字連結,背景蓋一層很淡的抖色紋理。直排・6 個特效星空雙人兩個人共用的一頁:兩顆頭像中間一顆會跳的心、在一起的天數、分頁寫著你們的故事,背景是慢慢飄的星空和偶爾劃過的流星。直排・10 個特效實況主/玩家開台資訊一眼看完:下次直播、每週時間表、會跳動的追隨數,配上紫綠電競光與星座連線背景。便當格・9 個特效終端機等寬字、螢光綠、字雨背景、開機畫面進站。標題用打字機效果一個字一個字打出來。直排・3 個特效傾斜霧黑時鐘卡一張跟著滑鼠微微傾斜的霧黑玻璃卡:左上是名字、認證徽章和發光的社群圖示,右上一張圓角方形頭像,左下一個指針時鐘,右下是瀏覽數與一句地點。背後是慢慢流動的灰色光暈,左上角有音量鈕。自由畫布・9 個特效蒸氣波粉紫夕陽下的透視網格、跑馬燈標語與漸層絲帶游標,帶點八零年代商場的懷舊感。直排・8 個特效曲速傾斜展示卡全黑底上的星際穿越光線,一張會跟著游標 3D 傾斜、邊緣有流光反射的大圓角卡片:左邊頭像,右邊流光名字、逐字發亮的簡介和一排發光社群圖示,中間一大格放圖片或影片,底下是資訊列和波形播放器。換上你自己的背景影片和中間那張圖。便當格・10 個特效白框星空疊卡三張粗白框圓角卡片上下疊著:主卡左邊是戴光圈的頭像、右邊是名字和打字機日期,下面兩張並排的照片與統計列;底下各自框起 Discord 狀態和播放器,背後是緩緩飄過的星空。換上你自己的背景影片和照片就完成了。自由畫布・12 個特效Y2K 千禧千禧年的亮面塑膠感:泡泡、星星、立體字和彩虹光環,排成一格一格的貼紙牆。便當格・8 個特效禪意自然米色宣紙上緩緩起伏的水紋,文字像霧一樣慢慢浮現。留白很多,節奏很慢。直排・7 個特效

Preset

一個 Preset 就是幾個特效,加上調好的參數。上面那 5 種樣子都在這 29 個裡面,點進去可以看它用了哪些特效、每個參數設多少。

極光、泡泡汽水、彗星尾跡、賽博故障、深海、夢境星雲、節慶彩帶、火焰游標、螢火森林、逐一登場、行書、水墨暈染、天燈祈願、矩陣代碼、極簡微動、音樂律動、霓虹閃電、霓虹雨、像素地板、彩虹緞帶、復古 CRT 感、櫻色星塵、櫻花飄落、雪夜、柔和粉彩、聚光舞台、星空夜、雷雨夜、曲速躍遷

換你了。

不用寫程式。挑一個模板,把特效疊上去,調到順眼為止。