WordPress教程:为阅读全文字样添加特效
最近更新 2022年04月05日
资源编号 21425

WordPress教程:为阅读全文字样添加特效

2021-12-30 WordPress教程 0 657
下单流程:
选择资源
赞助获取
网盘下载
额外(二次开发 网站建设)
¥ 0牛币
立即下载 升级会员 下单教程 售后支持
🔊 下载须知
下载前请认真阅读本重要提示:(如下载链接失效或支付未回调,请联系站长QQ972908224或在网站发私信给站长,信息一定要有:网站会员名称、购买金额、资源链接,见字后会第一时间处理,晚上23点至早上8点期间是站长休息时间,留言即可,请勿频繁发信息。本站以用户的需求为基础,将最有价值的信息和资源分享给广大编程人员及源码爱好者在本地电脑端进行调试、参考和研究,本站不提供任何技术服务!所有资源禁止在服务器或者虚拟机下进行联网搭建运营,禁止任何商业环境使用!所有资源展示图片和描述不代表本站的立场!本站只是存储平台!如需运营请购买正版!杜绝利用本站资源进行触犯国家法律法规,下载者如触犯以上声明,所产生的一切后果由下载者自行承担!请悉知!其次,源码模板过多不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵、残次和版本过旧、破解版本过期等问题。你下载的资源和程序源码组件因其特殊性均为可复制品,所以不支持任何理由的退款兑现;请认真阅读本站声明和相关条款,谨慎斟酌后再下载
详情介绍

一、前言
直接进入主题,添加和删除阅读全文的特效。

第二,代码部署
这段代码只针对 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 教程:为阅读全文字样添加特效

温馨提示: (本资源会持续更新),若下载链接失效,请在下方 (留言)(私信)站长处理!
收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务