How To Create An Animation From Left To Right Or Making A Fade Angular 4

I want when the component is open to make an animation or to make a fade. This is the code This is the HTML

Copy

You can make your own animation inside of keyframes. This should work, because *ngIf will either remove element from dom, if condition is false, or append it into dom(this is when animation should work).

EDIT For left to right animation you can do like:

@keyframes animation-name {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}

Share