1、按钮加动态渐变效果

更新到3.2的请把diy.css样式复制到后台主题顶部设置-自定义CSS。
添加目录wp-content/themes/ripro/assets/css diy.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{
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;
}