新的介绍页-3D动效，简中有复。

DuckXu 日志

继上一次在主域名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）

已有 16 条评论

  1. inkss
    inkss Win 10/11

    要是加点阴影就好了，影响最深刻的是 QQ 的徽章页面，金属质感凸显的很好，效果特别精致

    回复
    1. DuckXu
      DuckXu Linux Author

      其实是有阴影的，只是比较小。我去下载了QQ，居然没找到徽章在哪里看。不过QQ都塞了个虚幻进去了，应该对他们来说也不难做。

      回复
      1. inkss
        inkss Win 10/11

        在QQ里搜索QQ徽章，就能找到入口了，不过你这一说，确实怀疑不似CSS画的。

        回复
  2. 耳朵的主人
    耳朵的主人 Win 10/11

    IP库识别有点不准确，厦门显示广州。
    介绍页好看。

    回复
    1. DuckXu
      DuckXu Linux Author

      对的，这家国外的数据库的国内IP信息不太靠谱(/ω＼)

      回复
  3. 是阿改哦
    是阿改哦 Win 10/11

    有一说一，这导向页挺酷的 :@(赞一个)

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      其实我正在寻找老版和新版之间的一个平衡点，特别是在新版对移动端适配为0的情况下|´・ω・) ノ

      回复
  4. LineXic
    LineXic Android

    我怎么也是感觉老版好看，老版没有新版那些有的没的 :@(口水)

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      那我岂不是白搓了（小声）
      如果在桌面端使用新版，手机端使用老版（老版本对移动端有适配）会好一些吗？

      回复
  5. 白熊阿丸
    白熊阿丸 macOS

    看到照片了，好可爱 (/ω＼)

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      QwQ，https://bxaw.name/ 上的那张也特别可爱欸。

      回复
  6. Riseforever
    Riseforever macOS

    新版页面在高分屏MacBookPro上看着会很糊，别的没啥问题 |´・ω・) ノ

    回复
  7. 赏*赚(广告)
    赏*赚(广告) Win 7

    好看是好看，但会影响速度

    回复
    1. DuckXu
      DuckXu Linux Author

      其实并没有，沒有引用外部库全是CSS，字体和图片是外链，那个得看谷歌抽不抽风。

      回复
  8. 5had0w
    5had0w Win 10/11

    更喜欢新版，炫酷

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      |´・ω・) ノ 谢谢！准备把手机端重定向到老版界面来获得好一点的小屏适配方案。

      回复
取消回复

添加新评论