子比主题美化-logo扫光效果

子比主题美化-logo扫光效果

来自AI助手的总结
在Zibll主题的自定义CSS中添加特定代码以实现logo扫光效果。

设置:

网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码,在自定义css样式代码编辑框中添加以下代码:

/* logo扫光开始 kobai.top*/
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
/* logo扫光结束 kobai.top*/

效果图:

20250605113757545-image

 

 

温馨提示:本文最后更新于2025-06-05 11:40:01,某些文章具有时效性,若有错误或已失效,请在下方留言或联系 站长
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容