[分享]css3按钮背景颜色渐变

CSS3中提供了丰富的样式功能，其中按钮背景颜色渐变是其中的一种。通过使用线性渐变或径向渐变，可以为按钮添加炫酷的背景颜色。.button { background: lineargradient(t...

CSS3中提供了丰富的样式功能，其中按钮背景颜色渐变是其中的一种。通过使用线性渐变或径向渐变，可以为按钮添加炫酷的背景颜色。

.button {
  background: linear-gradient(to right, #f00, #00f);
  /*线性渐变方式从左到右渐变，颜色从红色到蓝色*/
}

.button2 {
  background: radial-gradient(circle, #f00, #00f);
  /*径向渐变方式，圆形渐变，颜色从红色到蓝色*/
}

.button3 {
  background: linear-gradient(45deg, #f00, #00f);
  /*线性渐变方式，从45度角渐变，颜色从红色到蓝色*/
} 

通过调整不同的渐变方向、渐变方式和颜色，可以创建出不同风格的按钮背景，为页面添加更多视觉效果。