loading...

Gradient typing effect in CSS

ladyjellington profile image Jasmine Gump ・1 min read

Written in CSS.

Discussion

pic
Editor guide
Collapse
hnnx profile image
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?

Collapse
ntrupin profile image
Noah Trupin

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

Collapse
hnnx profile image
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

Thread Thread
ntrupin profile image
Noah Trupin

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

Thread Thread
ladyjellington profile image
Jasmine Gump Author

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.

Collapse
ladyjellington profile image
Jasmine Gump Author

Exactly what I was thinking!

Collapse
ladyjellington profile image
Jasmine Gump Author

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

Collapse
sir_kif profile image
Adam Wakif

Is an amazing work 😍

Collapse
ladyjellington profile image
Collapse
fidelve profile image
Fidel Sanchez-Bueno

This is beautiful, thanks for sharing!

Collapse
ladyjellington profile image
Collapse
gabe profile image
Gabe

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

Collapse
ladyjellington profile image
Jasmine Gump Author

Thank you! Pastels make things look smoother.

Collapse
fluffynuts profile image
Davyd McColl

👏👏👏

Collapse
ladyjellington profile image