惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 【当耐特】
小众软件
小众软件
S
SegmentFault 最新的问题
GbyAI
GbyAI
量子位
爱范儿
爱范儿
L
LangChain Blog
Vercel News
Vercel News
A
About on SuperTechFans
腾讯CDC
博客园_首页
酷 壳 – CoolShell
酷 壳 – CoolShell
月光博客
月光博客
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
U
Unit 42
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
V
V2EX
V
Visual Studio Blog
美团技术团队
D
DataBreaches.Net
The GitHub Blog
The GitHub Blog
N
Netflix TechBlog - Medium

奕奕 Blog

奕奕 Blog: 服务器里养了一只果蝇 奕奕 Blog: 把博客排版整理了一遍 奕奕 Blog: 「纯属虚构」2026年度最佳小作文《我的女友XX》 奕奕 Blog: 我给公司的保洁阿姨缴纳社保了 法国和西班牙能在世界杯决赛相遇吗? 奕奕 Blog: 法国和西班牙能在世界杯决赛相遇吗? OpenViking 记忆提取挂了三天,最后发现是模型太聪明 奕奕 Blog: OpenViking 记忆提取挂了三天,最后发现是模型太聪明 Hermes Mini App 监控面板开发实录 奕奕 Blog: Hermes Mini App 监控面板开发实录 OCI ARM 实例的 iowait 假象 奕奕 Blog: OCI ARM 实例的 iowait 假象 当“家”的重担,悄然落在肩头 奕奕 Blog: 当“家”的重担,悄然落在肩头 我的抖音号被“永封” 奕奕 Blog: 我的抖音号被“永封” 鱼缸炸缸风险评估 奕奕 Blog: 鱼缸炸缸风险评估 烟雨西北 奕奕 Blog: 烟雨西北 三色发糕制作教程 奕奕 Blog: 三色发糕制作教程 QQ官方机器人无需审核快速发布正式版 奕奕 Blog: QQ官方机器人无需审核快速发布正式版 win11代理设置劫持--自动打开“使用设置脚本” 奕奕 Blog: win11代理设置劫持--自动打开“使用设置脚本” AI模型的Token到底是什么 奕奕 Blog: AI模型的Token到底是什么 为什么我选择放弃"暗色模式切换按钮" 奕奕 Blog: 为什么我选择放弃"暗色模式切换按钮"
奕奕 Blog: 个人主页代码
奕奕Blog · 2025-03-24 · via 奕奕 Blog

起因就是无意中发现了一个"号称"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实现