子比主题LOGO添加一个扫光特效

------正文内容展示,开始汲取新知识啦------

图片如下:

子比主题LOGO添加一个扫光特效

截图不明显,自己可以试试

直接在后台自定义CSS代码添加即可

/* logo 扫光开始 */
.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 扫光结束 */
温馨提示:本文最后更新于2024-04-28 17:49:13已超过207天没有更新,某些文章具有时效性,若有错误或已失效,请在下方留言或联系官方客服
© 版权声明
CATXE.COM
喜欢就支持一下吧
点赞15 分享打赏
评论 抢沙发

请登录后发表评论

    暂无评论内容