最新公告
  • 欢迎您光临源码库,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入
  • 为RiPro主题按钮加彩色(动态)

    为RiPro主题按钮加彩色(动态)

    直接代码
    如果是RiPro主题,请在后台顶部设置添加自定义CSS。其他主题在对应的CSS样式添加。(其他主题注意按钮名)

    /**====按钮加彩====*/
    button,html [type="reset"],[type="submit"] {
       /* -webkit-appearance: button;
       background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
        -webkit-animation: hue 6s infinite linear;*/
        display: inline-block;
        background: #42a7ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
        background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        vertical-align: top;
    }
    .btn--primary,.btn--secondary,.label-default,.label-warning,.fa-angle-up,.rollbar-item tap-dark,.rollbar-item,.comments-area .comment-author-name .fn.vip{
        display: inline-block;
        background: #42a7ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
        background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        vertical-align: top;
    }
    .edit--profile-links li a.active {
        background: #42a7ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
        background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
        background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        vertical-align: top;
    }

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    源码资源库 » 为RiPro主题按钮加彩色(动态)