title: Animation to collection-repeat item in Ionic Framework
body: <p>I want to add animation like fade-slide-in-right or slide from bottom to my ion-list item in ionic Framework Application.
  So please give me hint to implement this.</p>
  
  <p>I have use following code but it hides my list on device using <a href="https://daneden.github.io/animate.css/" rel="nofollow">animate.css</a></p>
  
  <pre><code>         &lt;ion-content&gt;
            &lt;ion-list&gt;
                &lt;ion-item class="item-avatar animated zoomInDown list-card" collection-repeat="list in listitem" href="#/app/listitems/{{listitem.id}}"&gt;
                    &lt;img src="{{list.Icon}}"&gt;
                    &lt;h2&gt;{{list.ETitle}}&lt;/h2&gt;
                    &lt;p&gt;{{list.LTitle}}&lt;/p&gt;
                &lt;/ion-item&gt;
              &lt;/ion-list&gt;
            &lt;/ion-content&gt;
  </code></pre>