一、前言
直接进入主题,添加和删除阅读全文的特效。
第二,代码部署
这段代码只针对 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教程:为阅读全文字样添加特效