WordPress美化教程【子比主题】 「已更新至1期」

WordPress美化教程【子比主题】 「已更新至1期」

美化说明:

  1. 每个人的审美观念不一样,所以请先参考本站或测试在用。
  2. 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化。
  3. 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。
  4. 子比主题美化教程都是搜集自网络,经过测试后才分布的,完全免费,开放。

美化教程:

1. 主题logo扫光效果
  • 自定义CSS代码
/* 小布博客√logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand: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 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}

logo效果请查看本站~

© 版权声明
THE END
喜欢就支持一下吧
点赞3赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容