Loper主题添加LOGO扫光特效,LOGO图片扫光特效有很多种,有的使用是制作GIF动态LOGO图片扫光,有的使用是SWF特效和LOGO图片扫光,拽立网,还有一个更好的办法是用CSS代码替代GIF图片替代SWF文件,只需要一点CSS代码就能实现LOGO扫光特效,今天我把Loper主题添加LOGO扫光特效方法分享给大家,请看以下操作!

添加后的效果图!

Loper主题添加LOGO扫光特效

1.登陆你的后台管理,选择【外观】-【编辑】-【 loper: 样式表 (style.css)】

直接添加下面全部代码:

/*Loper主题LOGO扫光效果*/
.hgroup:before {content: "";position: absolute;top: 50px;width: 100px;height: 15px;background-color: rgba(236,236,236,.5);}
.hgroup:before {-webkit-transform: rotate(-45deg);-webkit-animation: searchLights 1s ease-in 1s infinite;}
@-webkit-keyframes searchLights {0% {left: -100px}to{left: 300px}}

 

提示:保存后刷新看看自己的网站LOGO,你会发现LOGO有扫光特效了!

提示:如果发现扫光位置不对,请自己手动修改参数top:?50px;width:?100px!

» 原创文章:《Loper主题添加LOGO扫光特效》 » 本文地址:《http://www.zlinet.com/219.html
©版权声明:《拽立网》 » 转载请务必注明出处,喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^