子比主题logo扫光代码美化教程

子比主题logo扫光代码很简单,直接在主题设置-全局功能-自定义代码的自定义CSS样式里面粘贴下方的代码即可:扫光的视觉与logo有关,所以看情况在使用,自己先试试效果在说。

/* 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;}}

如图所示代码的位置:

图片[1] - 子比主题logo扫光代码美化教程 - 鹿泽笔记

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享