我今天逛博客来着,然后看别人有侧边有这个样式,挺好看的 扒来用用
效果示例:
这里就不多说了,直接上代码:
HTML
添加到侧边栏小工具:
<div class="card-widget" id="card-wechat" onclick="window.open('https://www.902d.com/img/zibll-img/wzw-gzh/index.html');">
<div id="flip-wrapper">
<div id="flip-content">
<div class="face"></div>
<div class="back face"></div>
</div>
</div>
</div>
CSS
css中的图片改成自己的图片地址,
附上几张所需图片素材:
© 版权声明
网站名称:玩转网
本文链接:
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
本站资源仅供个人学习交流,转载时请以超链接形式标明文章原始出处,(如有侵权联系删除)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
THE END


![子比主题论坛系统以及全新V6开发进度汇报[更新预告]-玩转网](https://www.902d.com/wp-content/uploads/2021/10/2021101910243451.png)
![Zibll子比主题-最新版本V4.2更新[10.31][更新日志]-玩转网](https://www.902d.com/wp-content/uploads/2020/11/96a3be3cf272.jpg)


![Zibll子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]-玩转网](https://www.902d.com/wp-content/uploads/2020/12/797adb6f932b.jpg)





