让你的网站logo有扫光特效 - 不老梦博客-emlog-专注于博客网站代码

不老梦博客
IISTYLE.CN 喜欢就CTRL+D吧


让你的网站logo有扫光特效

百度已收录

css让你的网站logo有扫光特效

根据自己的实际情况修改为当前主题的Logo元素选择器名称。

例如#logo:before  

#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 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: 120px; top: 100px; }
}
@-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; }
}
添加前请备份源文件


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开微信扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:不老梦博客-emlog-专注于博客网站代码 » 让你的网站logo有扫光特效
标签: 网站代码 emlog

发表评论

表情
看不清楚?点图切换

网友评论(0)