css3的渐变效果

1、css3 渐变的属性

css3的渐变效果_第1张图片

例子:

#grad {
  background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(red, blue); /* 标准的语法 */
}

  

效果:

css3的渐变效果_第2张图片

 

你可能感兴趣的:(css3的渐变效果)