title: Angular 2 animation add overflow property on end
body: <p>I am trying to achieve a slide in out animation and i have the following code</p>
  
  <pre><code>animations: [
          trigger('assignState', [
              state('maximize', style({
                  height: '*',
              })),
              state('minimize',   style({
                  height: '0'
              })),
              transition('maximize =&gt; minimize', animate('300ms ease-in')),
              transition('minimize =&gt; maximize', animate('300ms ease-out'))
          ])
      ]
  </code></pre>
  
  <p>In order for this to work i need to add <code>overflow: hidden</code> to the element but i don't want to have overflow: hidden when is maximized because is messing with my content. I have some absolute elements inside it that don't show because of the overflow hidden.</p>
  
  <p>Is there a way to apply overflow hidden when the minimize state animation start and remove it when the maximize animation ends?</p>
  
  <p>Thanks</p>