How to achieve the below css animation effect : <p>I want to achieve the effect in <a href="https://wesbos.com" rel="nofollow noreferrer">https://wesbos.com</a> site where </p>

<p>In the first line the text keeps changing as well as it expands in a cool style on hovering. I have only basic css knowledge . So any pointers or codepens to achieve the same would be helpful.</p>
