Joe主题使用logo扫光代码

添加css代码：

.joe_header__above-logo{
    overflow:hidden;
    display: block;
}
/* 这一步是为了弹性布局，照着写就行啦，不然手机端出错。 */
.joe_header__above-logo:before {
  content: "";
  position: absolute;
  top: -50px;
  left: -15px;
  width: 250px;
  height: 12px;/**光标的宽度，可根据实际调整（建议默认）**/
  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: flashlights 1s ease-in 1s infinite;
  -o-animation: flashlights 1s ease-in 1s infinite;
  animation: flashlights 1.6s ease-in 1s infinite;/**1.5数字参数控制扫光速度，数字越大越慢，默认也是可以的。**/
}
@-webkit-keyframes flashlights {
  0% { left: -100px; top: 0; }
  to { left: 120px; top: 100px; }
}
@-o-keyframes flashlights {
  0% { left: -100px; top: 0; }
  to { left: 120px; top: 100px; }
}
@-moz-keyframes flashlights {
  0% { left: -100px; top: 0; }
  to { left: 120px; top: 100px; }
}
@keyframes flashlights {
  0% { left: -100px; top: 0; }
  to { left: 120px; top: 100px; }
}
/* 测试后有效，请放心使用，效果观赏 */.

复制以上代码，在博客程序的文件内进入之后，找到 usr/themes/Joe 主题文件找到 assets/css css文件，新建css文件命名为 joe.bonalogo.min.css 文件并把复制的代码粘贴进去随后保存即可。

引入css：
将下面代码放入 head 里面，Joe主题的是在后台全局设置里面的 自定义head 那里填入link引入代码即可。注意：本站网站链接，可以是https和http开头的链接，但是不能有文字开头的

<!-- 扫光引入开始 -->
<link rel="stylesheet" href="本站网站链接/usr/themes/Joe/assets/css/joe.bonalogo.min.css">
<!-- 扫光引入结束 -->