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

推荐订阅源

K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
AI
AI
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
博客园 - 三生石上(FineUI控件)
Google Online Security Blog
Google Online Security Blog
N
News and Events Feed by Topic
Microsoft Security Blog
Microsoft Security Blog
AWS News Blog
AWS News Blog
S
Securelist
Schneier on Security
Schneier on Security
MyScale Blog
MyScale Blog
W
WeLiveSecurity
Hacker News: Ask HN
Hacker News: Ask HN
爱范儿
爱范儿
阮一峰的网络日志
阮一峰的网络日志
Project Zero
Project Zero
Recent Commits to openclaw:main
Recent Commits to openclaw:main
P
Proofpoint News Feed
I
Intezer
人人都是产品经理
人人都是产品经理
The Register - Security
The Register - Security
T
The Exploit Database - CXSecurity.com
宝玉的分享
宝玉的分享
L
LINUX DO - 热门话题
月光博客
月光博客
C
CERT Recently Published Vulnerability Notes
F
Fortinet All Blogs
GbyAI
GbyAI
博客园 - 聂微东
F
Full Disclosure
L
LINUX DO - 最新话题
T
The Blog of Author Tim Ferriss
Engineering at Meta
Engineering at Meta
IT之家
IT之家
Scott Helme
Scott Helme
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
S
Security Affairs
I
InfoQ
The Hacker News
The Hacker News
雷峰网
雷峰网
Hacker News - Newest:
Hacker News - Newest: "LLM"
V2EX - 技术
V2EX - 技术
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
SecWiki News
SecWiki News
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
大猫的无限游戏
大猫的无限游戏
博客园_首页
B
Blog RSS Feed
S
Secure Thoughts
A
About on SuperTechFans

奕奕 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: 为什么我选择放弃"暗色模式切换按钮" QQ机器人插件 奕奕 Blog: QQ机器人插件 Blogger优化,解决 Blogger 动态插入外部资源的问题 奕奕 Blog: Blogger优化,解决 Blogger 动态插入外部资源的问题 个人主页代码 隐藏Waline的登录按钮 奕奕 Blog: 隐藏Waline的登录按钮 谷歌云GCP 永久免费服务器申请教程 奕奕 Blog: 谷歌云GCP 永久免费服务器申请教程 当AI 看到你的博客 奕奕 Blog: 当AI 看到你的博客 决定恢复 Blogger 版权信息 奕奕 Blog: 决定恢复 Blogger 版权信息 学习戴隐形眼镜小窍门 奕奕 Blog: 学习戴隐形眼镜小窍门 让 Blogger 标签栏默认展开 奕奕 Blog: 让 Blogger 标签栏默认展开 利用CDN边缘函数缓存外部文件 奕奕 Blog: 利用CDN边缘函数缓存外部文件 孩子出院了 奕奕 Blog: 孩子出院了 操啊,女儿进了新生儿科 奕奕 Blog: 操啊,女儿进了新生儿科 迎接新生命:我的女儿锦瑶诞生记 奕奕 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实现