logo扫光特效代码设置方法

.logo-wrapper {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}

.logo-wrapper 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 1s ease-in 1s 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-wrapper 改成你的类名