看到別人網(wǎng)站的LOGO有掃光的特效,把CSS代碼弄過來為何不顯示,請問下@Lomu 作者有這種兼容的特效沒分享一下。
我見另一個朋友提的問題,實現(xiàn)菜單有小圖標(biāo)顯示,@Lomu 竟然有代碼,哈哈。
有的話分享一下哈。
看到別人網(wǎng)站的LOGO有掃光的特效,把CSS代碼弄過來為何不顯示,請問下@Lomu 作者有這種兼容的特效沒分享一下。
我見另一個朋友提的問題,實現(xiàn)菜單有小圖標(biāo)顯示,@Lomu 竟然有代碼,哈哈。
有的話分享一下哈。
找到了代碼但有點(diǎn)怪怪的,哪位高手修改一下
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; }
}...