子比主题美化 – 逐字显示公告模块

效果预览

部署教程

/*自定义公告栏 */
<script>
var typed = new Typed("#index-xtips", {
strings: ["公告：超强美化子主题，美化强势动力来自热爱，巨强大，新维度！","公告：按照用户要求，本站已取消频繁的通知提示","公告：根据用户建议已加入软件历史版本，其他功能在计划中..."],
startDelay: 100,
backDelay: 5000,
typeSpeed: 60,
loop: true,
backSpeed: 10,
})
</script>

/*自定义公告栏 */
.file-format {
    padding: 0 20px;
    height: 38px;
    background: linear-gradient(224deg, rgba(255, 110, 144, .08), rgba(208, 147, 255, .08) 42%, rgba(105, 105, 255, .08) 100%, rgba(105, 105, 255, .08) 0);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.txt-file-format {
    font-size: 13px;
    font-weight: 700;
    color: unset;
    line-height: 18px;
    margin-right: 17px;
}
.typed-cursor.typed-cursor--blink {
    animation: typedjsBlink 0.7s infinite;
    -webkit-animation: typedjsBlink 0.7s infinite;
    animation: typedjsBlink 0.7s infinite;
}
i.icon_ai[data-v-2775696c], i.icon_ps[data-v-2775696c], i.icon_3dMax[data-v-2775696c], i.icon_blender[data-v-2775696c], i.icon_c4d[data-v-2775696c], i.icon_cdr[data-v-2775696c] {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}
i.icon_sketch[data-v-2775696c] {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url(https://zy.nuoyo.cn/images/ai/icon-sketch.svg) no-repeat 50% / 100%;
    vertical-align: middle;
}
i.icon_ps[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-ps.svg) no-repeat 50% / 100%;
}
i.icon_ai[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-ai.svg) no-repeat 50% / 100%;
}
i.icon_3dMax[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-3dMax.svg) no-repeat 50% / 100%;
}
i.icon_cdr[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-cdr.svg) no-repeat 50% / 100%;
}
i.icon_c4d[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-c4d.svg) no-repeat 50% / 100%;
}
i.icon_blender[data-v-2775696c] {
    background: url(https://zy.nuoyo.cn/images/ai/icon-blender.svg) no-repeat 50% / 100%;
}

/*自定义公告栏 */
<div class="file-format" data-v-2775696c="">
<span id="index-xtips" class="txt-file-format" data-v-2775696c=""></span>
<span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> 
<span class="file-format-icons" data-v-2775696c="">
<i class="icon_ps" data-v-2775696c=""></i> 
<i class="icon_ai" data-v-2775696c=""></i> 
<i class="icon_sketch" data-v-2775696c=""></i> 
<i class="icon_3dMax" data-v-2775696c=""></i> 
<i class="icon_cdr" data-v-2775696c=""></i> 
<i class="icon_c4d" data-v-2775696c=""></i> 
<i class="icon_blender" data-v-2775696c=""></i>
</span>
</div>

本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！

本站资源大多来自网络，如有侵犯你的权益请联系管理员E-mail:2469329338@qq.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。