title: Angular Universal SSR CSS animation transform Error
body: <p>I have added Angular universal to my app and followed the guide on <a href="https://angular.io/guide/universal" rel="nofollow noreferrer">https://angular.io/guide/universal</a>
  It was realy simple, I'm just struggling with this Error:</p>
  
  <p>ERROR Error: Unable to build the animation due to the following errors: The provided animation property "transform" is not a supported CSS property for animations
  The provided animation property "transform" is not a supported CSS property for animations</p>
  
  <p>The reason for this is a simple Button with a keyframe animation which uses transform: rotate(0deg);
  The button is round and rolls from the right to the left side after loading. </p>
  
  <p>Is there any workaround to solve this issue? I'm sure that transform is quite a valid CSS property for animations.</p>
  
  <p><strong>Edit</strong>:
  I use the transform Property inside of a components scss file. The content is static and the component shows a whole site. The css code is this:</p>
  
  <pre><code>  .roll-in {  animation: 2s linear 0s 1 animation;
      animation-fill-mode: both;
      }
  @keyframes animation {
    0% {
      left: 110%;
    }
  
    10% {
      transform: rotate(0deg);
      left: 110%;
    }
  
    100% {
      transform: rotate(-720deg);
      left: 0px;
    }
  }
  </code></pre>
  
  <p>After running the app with serve:ssr the element has no animation attribute.</p>