Frontend
HTML
Tailwind
CSS
GSAP
Portfolio 2024
您当前浏览的这个个人网站。采用极简主义设计,注重排版与色彩的和谐,重新定义了个人品牌的数字展示方式。
项目概述
这是一个完全使用纯 HTML、Tailwind CSS 和 JavaScript 构建的静态个人网站。项目托管在 Cloudflare Pages 上,通过自定义域名访问。
100%
纯前端实现
60fps
流畅动画
A+
性能评分
核心特性
-
磁力光标 (Magnetic Cursor)
使用 GSAP 实现的双层光标系统,具备物理惯性和磁力吸附效果。
-
深色模式 (Dark Mode)
完整的深色模式支持,使用 localStorage 记忆用户偏好。
-
流体背景 (Fluid Background)
使用 CSS blur 和 GSAP 随机动画创建的有机、呼吸式背景效果。