title: CSS3: Transition of background color to transparent
body: <p>I want to do a transition in a <code>div</code> that:</p>
  <ul>
  <li><p>Starts with <code>background-color:rgba(242, 245, 169, 1);</code></p>
  <p>... and after 3 seconds...</p>
  </li>
  <li><p>Ends with    <code>background-color:rgba(242, 245, 169, 0);</code></p>
  </li>
  </ul>
  <p>And... Between the two fases shows <code>background-color:rgba(242, 245, 169, 0.9);</code> , <code>background-color:rgba(242, 245, 169, 0,8);</code>, <code>background-color:rgba(242, 245, 169, 0.7);</code>...</p>
  <p>Similar to <a href="https://stackoverflow.com/a/18353355/4467741">this solution</a>, but <strong>without the ':hover'</strong>. Directly.</p>
  <h2>How can I get it?</h2>
  <p>Thank you.</p>