Newbie needs assistance understanding how to create animated/dynamic headers

[DBell]

https://www.ideo.com/

On this site, they get their title to transform. How can this be achieved?
Is this a simple task if I wanted to chnage the font colour during transformation also?

Cheers!

[Shikkediel]

What exactly are you aiming at, the typing animation or the yellow underlining?

Edit – the latter is quite simple:

codepen.io/pen/ypvLQw

[DBell]

Sorry! The typing animation.

[Shikkediel]

Okay, that would be a lot more complicated, haven’t quite figured out what they’re using for that as the scripts are more or less unreadable…

[JeroenR]

I think it’s easier to look for a script that does something like that, rather than examining the website you mentioned.
Something like https://mattboldt.com/demos/typed-js/ does that kind of animation.

[Jemima Abu]

Here’s how I did it, using pure CSS

https://codepen.io/Jemima_abu/pen/VyGxYq

[Author]

Posts