CSS:Scan effects for image

<style>
div.logo{
    position: relative;
    overflow: hidden;
}
div.logo:before {
    content: "";
    position: absolute;
    width: 2.5%;
    height: 100%;
    background-color: rgb(255,255,255,0.7);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    -webkit-animation: blink 3s ease-in 1s infinite;
    animation: blink 3s ease-in 1s infinite;
}
@-webkit-keyframes blink {
    from {left: 2.5%;top: 0;}
    to {left: 100%;top: 0;}
}
@-o-keyframes blink {
    from {left: 2.5%;top: 0;}
    to {left: 100%;top: 0;}
}
@-moz-keyframes blink {
    from {left: 2.5%;top: 0;}
    to {left: 100%;top: 0;}
}
@keyframes blink {
    from {left: 2.5%;top: 0;}
    to {left: 100%;top: 0;}
}
</style>