教程转自:星空知-子比主题美化 – 实用美观可翻转的区块代码
效果预览:
代码修改:
这个效果主要就是靠CSS,WordPress的话可以使用自定义HTML小工具,把下面的代码放至自定义HTML小工具
<div class="card-widget" id="card-wechat" >
<div id="flip-wrapper">
<div id="flip-content">
<div class="face"></div>
<div class="back face"></div>
</div></div></div>
<link rel="stylesheet" href="https://cdn.catchyxc.com/wp-resource/css/wechat_tool.css" rel="external nofollow" rel="external nofollow" type="text/css">
放置之前请修改CSS代码里的图片为你的,公众号二维码请自行替换(PS替换即可,方便快捷)
- wechatface.png(翻转前图片)
- wx_gzh.png(翻转后图片)
- gzh_cover.png(微信Logo背景)
注:现在的绿色是代码原来的颜色,如需修改掉这个绿色可以在css里搜索【#57bd6a】,自行变更。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容