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

诗梦
14557
文章
720
评论
2019年4月5日23:18:43Begin主题文章列表阅读全文按钮美化已关闭评论 13.6K 次浏览 431字阅读1分26秒

心灵毒鸡汤:

知更鸟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. }
  • 文本由 发表于 2019年4月5日23:18:43
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
诗梦-网站缩略图样机生成源码 教程

诗梦-网站缩略图样机生成源码

在线生成网站电脑,笔记本,手机,平板,多设备样机在线自适应效果浏览网站源码,分享给大家,很久就有人分享过了,不会道是谁谁谁原创了,反正不是我。 懒得上传图片,直接用以前的图?,欢迎大家修改美化。注:样...
微信钱包余额转钱到QQ钱包教程 教程

微信钱包余额转钱到QQ钱包教程

最近发现个好东西,下面教大家如何把微信钱转到QQ,然后使用QQ支付,教程看下图即可! 教程: