将以下代码加到你的网站css文件里面,随意,只要能引用的css就行了,wordpress用户加在style.css里面。
/*logo扫光*/
.logo:before {
position: absolute;
width: 13px;
height: 45px;
background-color: hsla(0,0%,100%,.5);
content: "";
transform: rotate(32deg);/*角度倾斜32*/animation: blink 1s ease-in 1s infinite;
}
@keyframes blink {
0% {
top: 0;
left: -75pt
}
to {
top: 0;
left: 20pc
}
}
/*logo扫光结束*/
(必看)原理解释
给大家解释一下代码,不看可能不会扫(WordPress柒比贰主题可以忽略,因为西柚也是。)
找到你的logo所处的div,然后找到他的class,如这个实例:
<h1 class="logo pos-a">< a src=https://www.ciyol.cn/logo.png alt="西柚乐"/>a h1>
看到logo那个class了吗?你的应该只是命名不一样,然后再css里面添加上面的css,然后第一句写法就应该用如下的
.logo:before{/*这里第一句看原理解释*/content: "";
完成以上操作就行啦。