ZBlog personal blog website custom special effect code sharing

ZBlog PHP Personal blog site Custom special effect code, blog management background, theme configuration, appearance settings. Add the following code to customize CSS to achieve the effect. Please refer to Yunyang Taoge Blog Www.86719.cn, if you don't understand something, please leave a message to Taoge, who will provide free technical support and help you add the corresponding code.

Logo flash effect on home page

 @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 effect above website navigation

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

Hide the right floating sidebar when the mobile terminal screen size is less than 500

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