收藏张戈博客logo反光效果css
我看见很多博客logo都用上了类似张戈博客logo的反光样式，感觉很高大上，参考了张戈博客的css，收藏如下：
body {
background: #eee;
}
.demo {
font-family: "黑体";
font-size: 60px;
margin-top: 20px;
position: relative;
width: 181px;
overflow: hidden;
}
.demo:before {
content: "";
position: absolute;
left: 10px;
top: 4px;
width: 200px;
height: 15px;
background-color: rgba(255, 255, 255, 0.6);
-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 1s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 80px; top: 80px; }
}
@-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; }
}