Как установить цвет градиента для вкладки?

Question

Я должен установить цвет градиента определенной вкладки. Он содержит цвет градиента от первой вкладки до последней вкладки. Как я могу установить это. Для этого я использовал код ниже

$(function() { 
    $("#tabs").tabs(); 

     $('.gradient_me').each(function(index) { 
      var color = 255-index*75; 
      $(this).css('background', 'rgb('+color+', 0, 0)'); 
     }); 
    }); 

Но проблема одна вкладки содержит только один color.I хочет цвета градиента от первого к последнему tab.How я могу это сделать?

Answer 1

Легко!

Все что вам нужно - это правило CSS с линейным градиентом.

$(function() { 
    $("#tabs").tabs(); 

     $('.gradient_me').each(function(index) { 
      var color = 'rgb(' + (255-index*75) + ', 0, 0)'; 
      var color2 = 'rgb(' + (255-index*75 - 75) + ', 0, 0)'; 
      $(this).css('background', '-moz-linear-gradient(left, '+color+', ' + color2 +')'); 
      $(this).css('background', '-webkit-linear-gradient(left, '+color+', ' + color2 +')'); 
      $(this).css('background', '-ms-linear-gradient(left, '+color+', ' + color2 +')'); 
      $(this).css('background', '-o-linear-gradient(left, '+color+', ' + color2 +')'); 
      $(this).css('background', 'linear-gradient(left, '+color+', ' + color2 +')'); 

     }); 
    }); 

Демо: http://jsfiddle.net/5zfyU/8/