title: angular 4 animations - transition duration is not applied
body: <p>what am I doing wrong? The transition happens but it's instant. The time set in animate function is not being applied</p>
  
  <pre><code>trigger('showMenu', [
    state('active', style({
      marginLeft: '0px'
    })),
    state('inactive', style({
      marginLeft: '-230px'
    })),
    transition('inactive =&gt; active', animate('2s')),
    transition('active =&gt; inactive', animate('2s'))
  ])
  
  &lt;div [@showMenu]="showMenuState" id="menu-side-wrapper"&gt;
      MENU
      &lt;div id="close-menu"&gt;
         CLOSE
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>