WordPress知更鸟Begin主题首页阅读全文按钮美化

  • A+
所属分类:WordPress

WordPress知更鸟Begin主题的美化,太多太多,根据自己的喜好来折腾。这里,在之前折腾了下,美化了首页阅读全文按钮,也就分享出来给小伙伴们。

将以下css添加到主题选项--定制风格--自定义样式中即可。或者自行添加到css中。

  1. /*阅读全文特效*/
  2. .post{overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
  3. .post:hover{box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;border:1px dashed #39c}.entry-more a{position:absolute;width:82px;rightright:-80px;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0}
  4. .post:hover .entry-more a{rightright:0;opacity:.7}

在鼠标没有到文章这个区块时,不显示阅读全文位置。当鼠标滑到文章区块时,就会从旁边自动滑出显示阅读全文按钮。

WordPress知更鸟Begin主题首页阅读全文按钮美化

鼠标未到文章区块时效果图

WordPress知更鸟Begin主题首页阅读全文按钮美化

鼠标滑到文章区块时效果图

weinxin
我的微信
分享和发布网站源码、免费软件下载和网站搭建技术教程,致力创造一个高质量网络资源教程的分享平台。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: