Angular animation restart

   <div class="container">
      <div class="row">
        <div class="col-md-12 mx-auto my-5">
          <img
            class="animated "
            src="https://mdbootstrap.com/img/logo/mdb-transparent.png"
            [ngClass]="myClass"
          />
        </div>
      </div>
    </div>
    <button mdbBtn color="primary" (click)="animate()">bounce!</button>

myClass = '';

  animate() {
    this.myClass = '';
    setTimeout(() => {
      this.myClass = 'bounce';
    }, 0);
  }

Lord Samuel commented 4 years ago

HI,

is the same thing possible with https://animate.style/?

---

Arkadiusz Idzikowski staff commented 4 years ago

@Lord Samuel I think the original question was about this library, so this solution should help. As you can see in our documentation, we use animate.css for our animations: https://mdbootstrap.com/docs/angular/css/animations/

Please let us know if you encounter any problems.

---