title: CSS Transition equivalent to jQuery fadeIn(), fadeOut(), fadeTo()
body: <p>I have this</p>
  
  <pre><code>$('#button1').click(function(){
  
      $('#header_bg').fadeTo(15, 0, function()
      {
          document.getElementById('header_bg').style.fill = '#FF0000';
      }).fadeTo('slow', 1);
  
      $('#header_text1').fadeOut(250);
  
      $('#header_text2').fadeIn(250);
  
  });
  </code></pre>
  
  <p>I am trying to improve mobile performance (on iOS) of a jQuery  heavy website. I have read iOS handles CSS transitions much better than jQuery. What is the best method of making these iOS friendly?</p>