个人主页代码

3/24/2025

起因就是无意中发现了一个"号称"3.5欧终身永久的虚拟主机,闲的无聊想着也没什么用,就整个主页挂着吧。

demo:

https://yomiya.eu.org/ (部分地区可能无法访问eu.org域名,请自行解决网络问题)

▍技术亮点说明

  • 3D透视效果:使用CSS transform实现代码盒子的立体旋转
  • 响应式设计:通过clamp()函数实现视口自适应排版
  • 动态光标:纯CSS实现的闪烁光标动画
  • 渐变色LOGO:通过滤镜实现动态渐变色效果

代码就不提供了,懒得贴,有需要的自己去扒

🛠️ 开发笔记:

1. 使用CSS变量实现主题色快速切换
2. aspect-ratio属性保证代码盒子比例
3. clamp()函数实现响应式字体缩放
4. 伪3D效果仅用纯CSS实现