子比美化-给子比侧边加一个微信翻转微信公众号

我今天逛博客来着，然后看别人有侧边有这个样式，挺好看的 扒来用用

效果示例：

这里就不多说了，直接上代码：

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中的图片改成自己的图片地址，

附上几张所需图片素材：