Могу ли я иметь непрерывную анимацию для данного состояния в Angular4

Question

Вот пример кода из https://angular.io/guide/animations

  animations: [
    trigger('heroState', [
      state('inactive', style({
        backgroundColor: '#eee',
        transform: 'scale(1)',
      })),
      state('active',   style({
        backgroundColor: '#cfd8dc',
        transform: 'scale(1.1)'
      })),
      transition('inactive => active', animate('100ms ease-in')),
      transition('active => inactive', animate('100ms ease-out'))
    ])
  ]

Состояния определяют стиль конца, а переход определяет анимацию. Я хочу непрерывную анимацию в определенном состоянии (скажем, активном), например https://www.kirupa.com/html5/examples/iphone_ipad_icon_wobble.htm

Возможно ли это с помощью анимации Angular 4 или мне нужно сделать простую анимацию CSS ( https://www.kirupa.com/html5/creating_the_ios_icon_jiggle_wobble_effect_in_css.htm)