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

2019年12月23日11:37:26 2 1,271

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. }

易卜拉欣-互联网深度爱好者,专注企业网站建设优化,研究网络营销方法,对搜索引擎营销情有独钟。

微信及QQ:975197969,欢迎加入QQ交流群:959689918,感谢阅读!
写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

生成海报
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的名片
  • 电子名片扫一扫
  • weinxin
avatar
  • 本文由 发表于 2019年12月23日11:37:26
匿名

发表评论

匿名网友

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

评论:2   其中:访客  2   博主  0
    • avatar 夏日博客 0

      好火的一款主题。

      • avatar 软件帝 1

        个人博客坚持更新不易 留言支持下 加油 欢迎回访我的网站