• 🌻Sunny3! 使用手册
    • 📄主题购买 & 激活
    • 📄SourceGuardian组件安装小指南
    • 📄主题安装、更新、及使用建议
    • 📑主题设置说明
      • 📄微信公众号功能说明(基础·3.0新)
      • 📄微信公众号功能说明(3.0进阶)
      • 📄腾讯地理位置API的设置(3.0)
      • 📄和风天气API的设置(3.0)
      • 📄主题配套浏览器插件(3.0)
      • 📄自定义板块(页面)以及自定义分类模板的说明(3.3)
      • 📄文章底部附加信息的说明(3.2·3.4)
      • 📄AI摘要使用(3.8)
      • 📄微信/浏览器插件发送说说内容时添加标题(3.11)
      • 📄微信发送说说内容时选择分类和添加标签(3.12)
    • ❓常见问题排查(QA)
    • 🎊扩展技巧
      • 📄如何优雅地使用Sunny3.0?
      • 📄在Sunny主题右上角加上一个音乐菜单按钮
      • 📄Sunny主题添加自定义启动画面
      • 📄Sunny主题添加视频背景
      • 📄Sunny主题如何替换为图片表情包
    • 📔更新日志
Sunny3! 使用手册扩展技巧

Sunny主题添加自定义启动画面

访问次数 171 次创建时间 2026-06-22 21:44

越来越多的小伙伴也想得到类似MyLife主题的欢迎页面,但是很难添加,这里看到了泽泽社长的css方法,很不错,分享给需要的人。以下内容来自泽泽社长分享的方法:《使用css给xlog加上原神启动》

在主题设置——自定义css——中填写:

♾️ css 代码:

body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image: url(https://xlog.app/cdn-cgi/image/width=750,quality=75,format=auto,onerror=redirect/https://ipfs.xlog.app/ipfs/bafkreidmbrmalshvlprtzt7qdbk4xtolpvpstvunjogl6o373oplmhcrga);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    animation: fadeOut 3s;
    animation-fill-mode: forwards;
    -webkit-transition: fadeOut 3s;
    transition: fadeOut 3s;
    pointer-events: none;
}
@keyframes fadeOut {
  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

默认是原神logo,可以替换为自己喜欢的图片

评论

0 条评论

暂无评论,欢迎第一个留言。

回复评论
举报内容
由 b8l8u8e8 提供支持