为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; }
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:子佩工作室https://zptheme.com/1575.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:子佩工作室https://zptheme.com/1575.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权