Typing rotation text

Schermopname 2020-01-09 om 10.11.34.zip (3.8 MB) Hi all,

I wonder if this can be done in blocs too?

It is a Typing Rotation text.

See video

So basically this, but with typing text. Yes, It is possible to modify this to work like that.

Thanks @Malachiman. How to make that Typing Animation? Do you know?

It should be straight forward. I’m about to go to bed though :sleeping: it’s late here in NZ. If no one posts the code I’ll have a look tomorrow.

Great. Thanks and have a good night! Must be beautiful there in NZ!!! You are lucky

I think you get used to it. With exception to when you travel to new places. :grin:

Well I am having a little trouble adding it.

I am very much still learning JavaScript. I’ll tag in the “big guns”

@Pealco do you have a solution the text displaying one letter at a time in the above script.

Hello @Malachiman yesterday when I trying to put that working I found a way to do it letter by letter as a typewriter, try this if it is what you need:


1 Like

Thats the one, looks more complicated than what I was trying lol. I had it typing one letter at a time, but was only ever showing one letter as well lol.

Thanks @Pealco .

This should be turned into a bric.

Great and Thanks @Malachiman and @Pealco. Will try this.

Thanks again @Pealco. When I copy your code into a code widget there is no typing and changing text. Any idea what I’m doing wrong?

Found it out already @Pealco. Works great! Thanks again!

Hi @r_botman
What did you need to do?
Looks like a keeper

Hi @apswoodwork. Just only put the first HTML part in the code widget and add the rest of that code to the page setting Add Code in the Header. Then it works. Clear enough?

Sorted, ta. :+1:

So I’ve added this to a site I’m updating to the end of a h2, but at smaller breakpoints this bounces between 1 and 2 lines.
I’ve tried to get my head around flex sizing to set a bloc height with dynamic H2 content but I don’t follow it.
Can it be done?

You can apply a custom class and change the text size per break point.

Of course. Obvious really, cheers!

1 Like