Angular JS - 猫头鹰旋转木马的占位符动画

如何解决Angular JS - 猫头鹰旋转木马的占位符动画

我是 Angular 的新手。我有一个需要维护的项目。有人可以告诉我如何像最后显示的图像那样做占位符动画吗？我需要在 owl-carousel 的每个项目中显示占位符动画？

这是我当前的代码...

style.css

.top-carousel .owl-stage {
    padding-left: 5 !important;
}

app.component.html

  <div class="top-banner owl-carousel owl-theme">
    <div class="item" *ngFor="let nItem of responSEObjects">
      <a href="#" class="card" [ngStyle]="{'background-image': 'url(' + getHeaderImagePath(nItem.imageurl) + ')'}"
        href="{{nItem.url}}" target="_blank">
        <h2 class="card-title">{{nItem.name}}</h2>
      </a>
    </div>
  </div>