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

2020年10月22日20:00:00 发表评论

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}
  4. .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}
  5. .post:hover .entry-more a{rightright:0;opacity:.7}

自用的代码:

此处为隐藏的内容!
登录后才能查看!
金哥
  • 版权声明:本站原创文章,转载请保留出处和链接!
  • 本文链接:http://jjsoho.com/qwaymh/ 网赚有风险,投资需谨慎!