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 随机动画创建的有机、呼吸式背景效果。