十一

给博客主题按钮加彩色

作者: 十一 发布时间: 2022-04-18 419 人阅读

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

直接代码

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

/**====按钮加彩====*/

button,html [type=”reset“],[type=”submit”] {undefined

/* –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{undefined

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 {undefined

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;

}

© 版权声明

发表回复