Streaming live at 10am (PST)

CSS text effect on hero

Hi webflow forum,

I’m looking to reproduce this codepen effect on text:
I’m trying to add HTML embedded into a div block and adding CSS + JS into my tag but it doesn’t work?

Here’s my preview site:

Does anyone know why its not working?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Use @GraphicOwls cloneable project starter:

Typer.js docs (Minimal JS knowledge require):

Codepen VS your code

** Remove jquery 2.1.3 from your code (Webflow already load jquery) - could be very buggy
** You should use typewrite class in your code
** You should add data-type and data-period webflow - custom-attributes docs
** add empty span (class wrap)

Anyway if you don’t know code it’s easier to use the working example above.


That’s great, it works perfectly.

Thanks for your help.