title: Angular and TweenLite
body: <p>I have the following code:</p>
  
  <pre><code>@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
  })
  export class AppComponent {
      list = [1, 2, 3];    
  
      onAdd() {
          this.list.push(1);
      } 
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li *ngFor="let item of list"&gt;{{item}}&lt;/li&gt;
  &lt;ul&gt;
  &lt;button (click)="onAdd()"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>I want to apply a TweenLite animation to the elements addition. For example, a new element adds with animation <code>{left: '-100px'}</code>. How to do this?</p>