用css3的动画属性打造图片高光扫过效果代码

核心代码：实现该图片高光扫过效果
header .logo-brand img {
height: 66px;
width:100%;
float: left;
margin-top:40px;
}
.logo-brand{position: relative; overflow: hidden;}
.logo-brand:before {content: "";position: absolute; width: 330px; height: 70px;  background-color: rgba(255, 255, 255, 0.5); -webkit-transform: rotate(60deg);  transform: rotate(60deg); left: -100px; -webkit-animation: blink 1.5s infinite both; animation: blink 1.5s infinite both;}
@-webkit-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
@-o-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
@-moz-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
@keyframes blink {from {left: -300px;top: 0;}to {left: 330px;top: 0;}}