个人主页代码
起因就是无意中发现了一个“号称”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实现
作者:奕奕作者主页
以上内容来自博客订阅源,版权归原作者。关注作者后可以在 关注列表 第一时间查看作者文章。

登录后,加入这场讨论。
登录参与