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

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

将以下css代码添加到主题选项-定制风格-自定义样式中即可,或者自行添加到主题css文件中。
在鼠标没有到文章这个列表区块时,不显示阅读全文位置。当鼠标滑到文章区块时,显示阅读全文按钮和列表会浮动一下。

代码内容

.entry-more a {
    opacity:0
}
.post:hover .entry-more a {
    rightright:0;
    opacity:1;
}
.post {
    transition:all 0.3s ease 0s;
}
.post:hover {
    transform:translateY(-3px);
    z-index:1;
    -webkit-box-shadow:0 15px 32px rgb(175,135,255)!important;
}
© 版权声明
THE END
喜欢就点个赞吧~
点赞0赞赏一下
分享
评论 抢沙发