Кросс-браузерный CSS линейный градиент

by Andrey Dobrovoi

HTML

<div class="example"></div>

CSS

.example{
  width: 460px;
  height: 100px;  
  background: #00FD1E;
  filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FD1E', endColorstr='#34AF23'); /* для IE 6-7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FD1E', endColorstr='#34AF23')"; /* для IE8 */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00FD1E), to(#34AF23));
  background: -webkit-linear-gradient(#00FD1E, #34AF23);
  background: -moz-linear-gradient(#00FD1E, #34AF23);
  background: -ms-linear-gradient(#00FD1E, #34AF23);
  background: -o-linear-gradient(#00FD1E, #34AF23);
  background: linear-gradient(#00FD1E, #34AF23);
}