title: Animate scroll of text WHEN there is text overflow in Angular 8
body: <p>I'm working on an Angular 8 application and want to handle text-overflow when there is such. So what I'm trying to do is to make the text scroll from right to left only WHEN there is any hidden text that wont fit the screen. If the text fits I do not want to animate it. I presume this is something you can easily do using Jquery etc but since I'm working in Angular 8 I need a pure css solution or a typescript solution. I'll attach a link below where you can see where I am at this point. Right now I'm just animating everything on hover. So In my example I only want to animate the first paragraph and not the second one.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-inifat" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-inifat</a> </p>