看到别人网站的LOGO有扫光的特效，把CSS代码弄过来为何不显示，请问下@Lomu 作者有这种兼容的特效没分享一下。
我见另一个朋友提的问题，实现菜单有小图标显示，@Lomu 竟然有代码，哈哈。
有的话分享一下哈。
谁有LOGO特效扫光代码
发布于
分类：建议
6个回复
-
-
wuyou
找到了代码但有点怪怪的，哪位高手修改一下
logo {
position:relative;
overflow:hidden;
margin: 6px 0 0 10px;
transition-duration: .3s;
}
.logo: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);
-webkit-animation: searchLights 4s ease-in 0s infinite;
-o-animation: searchLights 1.5s ease-in 0s infinite;
animation: searchLights 1.5s ease-in 0s infinite;
}
@-webkit-keyframes searchLights {
0,75% { left: -100px; top: 0; }
100% { left: 120px; top: 100px; }
}
@-o-keyframes searchLights {
0,75% { left: -100px; top: 0; }
100% { left: 120px; top: 100px; }
}
@-moz-keyframes searchLights {
0,75% { left: -100px; top: 0; }
100% { left: 120px; top: 100px; }
}
@keyframes searchLights {
0,75% { left: -100px; top: 0; }
100% { left: 120px; top: 100px; }
}... -
-
-
-
