一、前言
直入主题，为阅读全文这个字样添加进出特效。
二、代码部署
这个代码只针对知更鸟主题用户，其他用户需要自行修改。效果展示：
知更鸟主题的用户可以添加到外观->主题设置->定制风格->自定义样式里面。
1 2 3 4 | /*阅读全文特效*/ .post{overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s} .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}.entry-more a{position:absolute;width:82px;right:-80px;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0} .post:hover .entry-more a{right:0;opacity:.7} |
三、总结
可以根据自己喜好，做出微调。
评论列表 (0)