Begin主题文章列表阅读全文按钮美化

企鹅博客 2019年4月11日21:28:47 发表评论 31,263 views

知更鸟begin主题的美化,太多太多了,这里根据自己的喜好来折腾,在之前折腾了下,美化了首页列表鼠标移动显示阅读按钮等样式,最近有小伙伴在问到,也就分享出来了。Begin主题文章列表阅读全文按钮美化

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

鼠标没有到文章这个列表区块时,不显示阅读全文位置。当鼠标滑到文章区块时,显示阅读全文按钮和列表会浮动一下。

  1. .entry-more a {
  2.     opacity:0
  3. }
  4. .post:hover .entry-more a {
  5.     rightright:0;
  6.     opacity:1;
  7. }
  8. .post {
  9.     transition:all 0.3s ease 0s;
  10. }
  11. .post:hover {
  12.     transform:translateY(-3px);
  13.     z-index:1;
  14.     -webkit-box-shadow:0 15px 32px rgb(175,135,255)!important;
  15. }

 

代码转自诗梦:https://www.mom1.cn/4384.html

weinxin
欢迎加入中国SEO站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
企鹅博客

发表评论

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