Question

我用html和CSS制作了3D卡车。如果任何变量（ x ）为true，则卡车轮胎将旋转360度。如果x = false，则卡车轮胎停止旋转。我使用css使其仅无限旋转。

.whell{
   animation: round 2s infinite linear ;
}

 @keyframes round {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
   }

此css代码正在运行，但并未停止，具体取决于变量。我决定使用Angular动画制作；

animations: [

    trigger('x',[
      state('true', style({
        transform: 'rotate(360deg)'

      })),

      transition('* => *', animate('2s'))

    ])
  ]

卡车的轮胎正在旋转，但只有2秒。.是否有办法在Angular6中将其无限旋转？我要无限，而不是2秒。如果您有帮助，我将不胜感激。谢谢...

Answer 1

如何像这样使用它：

[ngClass] =“ x？'whell'：'classWithNoAnimation'”

如果x为true，则切换到地狱，否则切换到classWithNoAnimation

如何使用Angular6制作无限动画？

1 个答案: