ZBlog个人博客网站自定义特效代码分享

ZBlog PHP个人博客网站自定义特效代码博客管理后台-主题配置-外观设置，自定义CSS处添加如下相应代码即可实现效果，具体效果请参照郧阳涛哥博客www.86719.cn，如有不明白之处，欢迎你给涛哥留言，涛哥将给予免费的技术支持与协助你添加相应的代码。

首页LOGO闪光效果

@media screen and (min-width:900px){
#logo:before{content:"";position:absolute;left:-665px;top:-460px;width:250px;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}}

网站导航上方hot效果

span#hot {
    background-image:url(/zb_users/theme/mxlee/style/images/hot.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 15px;
}

移动端屏幕尺寸小于500时隐藏右侧浮动边栏

@media screen and (max-width:500px) {#backtop {display: none;}
}