在Angular Universal中使用CSS动画变换时出现错误的原因可能是由于服务器端渲染(SSR)和客户端渲染(CSR)之间的差异导致的。

解决方法如下：

1. 使用Angular的PlatfomrLocation来判断当前代码是在服务器端还是在客户端运行。在组件中添加以下代码：

import { isPlatformBrowser } from '@angular/common';
import { Component, Inject, PLATFORM_ID } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
 
      
    
  `,
})
export class ExampleComponent {
  isBrowser: boolean;

  constructor(
    @Inject(PLATFORM_ID) private platformId: Object
  ) {
    this.isBrowser = isPlatformBrowser(this.platformId);
  }
}

2. 使用ngClass指令来动态添加CSS类。在模板中添加以下代码：

3. 使用ngStyle指令来动态添加CSS样式。在模板中添加以下代码：

以上方法可以根据当前的运行环境来决定是否应用CSS动画，从而避免在服务器端渲染时出现错误。