Ripro主题为RiPro主题按钮加动态彩色css代码

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

直接代码

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

[rihide]

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

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;

}

[/rihide]

版权声明:
作者:admin
文章地址:http://www.yufeir.com/139.html
★★★★★本站所有资源来自网络,如有侵权,请联系站长删除!★★★★★
邮箱:yufeir@163.com
THE END
分享
二维码
< <上一篇
下一篇>>