logo扫光动态css代码分享，纯CSS实现任意元素光影滑过动画

/*扫光开始*/
 .logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}/**logo可以是任意元素**/
 .logo:before {
        content: "";
        position: absolute;
        width: 1000px;
        height: 50px; /**光标的宽度，可根据实际调整**/
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 1s ease-in 1s infinite;
        -o-animation: searchLights 1s ease-in 1s infinite;
        animation: searchLights 2s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
    }
    @keyframes searchLights {
        0% {
            left: -200px;
            top: -300px;
        }
        100% {
            left: -160px;
            top: 800px;
        }
    }
/*扫光结束*/