CSS3 背景渐变

今天做项目遇到一个背景渐变的需求,在此做以记录。

.gradient {
  // IE 使用 filter
  filter:
    alpha(
      opacity=100, 
      finishopacity=50, 
      style=1, 
      startx=0, 
      starty=280, 
      finishx=0, 
      finishy=0
    )
    progid: dximagetransform.microsoft.gradient(
      startcolorstr=red, 
      endcolorstr=#06c, 
      gradientType=0
    );

  // 不支持渐变的浏览器
  background: #06c;

  // Gecko 浏览器
  background: 
    -moz-linear-gradient(
      left, 
      transparent, 
      #06c
    );

  // Webkit 浏览器
  background: 
    -webkit-gradient(
      linear,
      0 0, 
      100% 0, 
      from(#06c), 
      to(transparent)
    );
}