继上一次在主域名duckxu.com上放了一个介绍导向页之后(点我回顾)终于也是写了另外一版,卡片式,其实本来想做个人名片类型的,不过那样太繁复了。
GitHub::https://github.com/ScDuckXu/SntroPage (V3)

支持3D效果,跟随鼠标光标位置倾斜;鼠标滚轮滚动会带动卡片滚动360度;日夜模式自动检测;鼠标光标移到图片上会翻转成另外一张。但是对小屏幕及触屏的适配并不是很好。可以作为个人的一个对3D CSS的尝试和学习,毕竟360度滚动那个部分是让Claude帮忙写的。
字体依旧是Lora,个人比较喜欢的免费商用衬线字体,默认从 Google Fonts 调取。做了智能切换字体CDN,但是不完美,因为浏览器时区不一定代表所处位置,过段时间要改进成通过IP地址获取的地理位置切换CDN。IP 数据库使用的是 ipinfo.io,这家的地理位置依旧是经常抽风,但是不要钱啊。浅色模式下的颜色配置依旧是从 #A8D8EA 过渡到#39C5BB 再到 #F7F9FB(淡蓝色,苍绿色,浅白色);深色模式下是 #1A1E2E,#39C5BB,#2C3E50(暗蓝色,苍绿色,藏青色)。
其实这一版的窄屏模式可谓是非常糟糕,图片找不到一个合理的位置去摆放,后续再修修补补吧。
上一版的导向页还留在-这里-,可以再访问duckxu.com去前后对比一下哪个观感稍微好一点。(坏了,怎么又感觉老版本更好看.jpg)
GitHub::https://github.com/ScDuckXu/SntroPage (V3)
新版页面在高分屏MacBookPro上看着会很糊,别的没啥问题 |´・ω・) ノ
Riseforever 2025-06-01 22:25
好看是好看,但会影响速度
赏*赚(广告) 2025-05-30 08:23
其实并没有,沒有引用外部库全是CSS,字体和图片是外链,那个得看谷歌抽不抽风。
DuckXu 2025-05-30 19:14
更喜欢新版,炫酷
5had0w 2025-05-27 10:28
|´・ω・) ノ 谢谢!准备把手机端重定向到老版界面来获得好一点的小屏适配方案。
DuckXu 2025-05-28 01:01