子比主题美化增加滚动公告框教程

颜诗雅

版主

社区管理 ⚔青铜 镖丁 ☯化神

教程分享 244 浏览 1 回复

详情摘要

【总结】这篇帖子介绍了如何在子比主题中添加滚动公告框，通过在侧边栏添加特定代码实现滚动效果，适用于子比测试版，其他主题可能需要调整CSS。

在右上角或任意位置增加一个滚动公告框，子比公告栏默认没有滚动效果。子比测试可用，其他主题自行适配CSS。

小工具-侧边栏添加区块，粘贴以下代码：

<!-- 子比滚动公告框 -->
<style>
@keyframes move {
  0% { transform: translateX(0); }
  100% { transform: translateX(-200%); }
}
.show-notice { animation: move 10s linear infinite; }
</style>
<div class="show-notice">公告内容</div>

效果图：

教程