Угловая 5 анимация бордюр

Question

Я пытаюсь анимировать свою нижнюю границу, используя ключевые кадры, чтобы увеличить стрелку, но нет свойства borderBottom или border-bottom.Я даже пытался использовать "border-bottom" и "borderBottom, но стиль не изменился. Но border-bottom существует, когда я пишу это в css вместо триггера. Есть ли способ обойти это или я что-то упустил? Илиесли есть лучший способ оживить стрелку, например, увеличить изображение. Спасибо за помощь!

trigger('arrowup',[
    state('inactive',style({display:"none"})),
    state('active',style({display:"flex", borderLeft:"200vh solid transparent",borderRight:"200vh solid transparent",borderBottom: "200vh solid block" })),
    transition('inactive => active',animate("500ms",keyframes([
      style({borderBottom:"100vh",borderLeft:"100vh solid transparent",borderRight:"100vh solid transparent"}),
      style({borderBottom:"150vh",borderLeft:"150vh solid transparent",borderRight:"150vh solid transparent"})
    ])),
   ),
    transition('active => inactive',animate('0ms',)),
  ]),