一、前言
直接进入主题,添加和删除阅读全文的特效。
第二,代码部署
这段代码只针对 robin 主题用户,其他用户需要自己修改。显示效果:
网站美化:添加阅读全文单词的特效
罗宾斯主题用户可以将其添加到外观->主题设置->自定义样式->自定义样式。
/*阅读全文特效*/
.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}
三、总结
可以根据自己喜好,做出微调。
转载请注明:汇站网 » WordPress 教程:为阅读全文字样添加特效