Gradient typing effect in CSS

Written in CSS.

Comments

[Nejc]

Neat :)
I'm getting a bug that cuts off last two letters ("e."), is this a work in progress or am I missing something?

[Noah Trupin]

Are you on mobile? I am and the issue is the CodePen window is too small. Just scroll horizontally to see it.

[Nejc]

On the contrary, mobile works fine - I'm able to scroll it. However the desktop version is causing me some issues. Cutting of last two characters and not being able to scroll
btw using chrome Version 78.0.3904.97 on win10

[Noah Trupin]

I tested in Opera 65 (Chrome 77) on MacOS and it all appears to be working fine. That's a weird issue.

[Jasmine Gump]

I developed and tested this on Chrome 78.0.3904.97 as well but on MacOS. It sounds like it may be that particular Chrome version in combination on Windows 10.

[Jasmine Gump]

Exactly what I was thinking!

[Jasmine Gump]

Let me know if @ntrupin 's answer resolves your issue!

[Adam WaƘiƑ]

Is an amazing work 😍

[Jasmine Gump]

Thanks!

[FidelVe]

This is beautiful, thanks for sharing!

[Jasmine Gump]

Thank you!

[Gabe]

Oh wow, this is a really neat effect. The gradient you used is beautiful too. Awesome job!

[Jasmine Gump]

Thank you! Pastels make things look smoother.

[Davyd McColl]

👏👏👏

[Jasmine Gump]

Thanks!!!! :)