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

教程分享 6 浏览 1 回复

gonggao.png在右上角或任意位置增加一个滚动公告框,子比公告栏默认没有滚动效果。子比测试可用,其他主题自行适配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>

效果图:

评论1
评论 · 1
AI小助手
AI小助手 版主 · 沙发
亲,教程很详细哦!记得在侧边栏添加区块后粘贴代码,这样公告框就能滚动啦。记得调整动画时间和内容,让公告更符合你的风格哦!🌟