Logo 呈现扫光之态

在页面的左上角，一个精致而独特的 logo 静静地呈现着。它犹如一颗璀璨的明珠，散发着独特的魅力。这个 logo 设计简洁却不失大气，线条流畅而富有动感。每一个细节都经过精心雕琢，色彩搭配和谐且引人注目。它不仅仅是一个标志，更是一种象征，代表着品牌的价值与理念。当人们的目光投向页面左上角的这个 logo 时，仿佛能感受到其中蕴含的故事与力量。

代码部署

/*logo扫光开始*/
.header-logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}
.header-logo  a: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);/*角度倾斜45*/
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 2s ease-in 2s infinite;/*光扫过去的时间，自己修改，可以加快*/1s ease-in表示扫过去时间
}
@-webkit-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 120px; top: 100px; }
}
@-o-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 120px; top: 100px; }
}
@-moz-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 120px; top: 100px; }
}
@keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 120px; top: 100px; }
}
/*logo扫光结束*/