css 微信关注按钮代码

CSS微信关注按钮代码

    link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
        style>
    .fa-weixin:before {
            content: "f1d7";
            font-weight: 900;
            font-size: 20px;
            color: #00b448;
    }
    .follow-btn {
            display: inline-block;
            padding: 10px 15px;
            border-radius: 4px;
            background-color: #f8f8f8;
            box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: all 0.3s ease-in-out;
    }
    .follow-btn:hover {
            background-color: #00b448;
            color: #fff;
    }
    .follow-btn .fa-weixin:before {
            margin-right: 5px;
    }
        /style>
        button class="follow-btn">
    i class="fab fa-weixin">
    /i>
    关注/button>
    

以上是一个简单的微信关注按钮代码，也可以用来生成其他社交媒体关注按钮，只需将相应字体图标修改即可。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！