title: Animate Newly Created List Element
body: <p>I am trying to have the added 'li' tags to be animated upon entrance, preferably by using CSS. Adding transitions to 'display', 'opacity', and 'all' have not resulted in any change. Here's the code: </p>
  
  <pre><code>    function addItem(item){
          item = document.getElementById('plan_submit').value;
          var listContainer = document.getElementById('list_container');
          listContainer.innerHTML += '&lt;li class=list_item&gt;' + item + '&lt;/li&gt;';
      }
  </code></pre>
  
  <p>Thanks :)</p>