Streaming live at 10am (PST)

CSS text effect on hero

Hi webflow forum,

I’m looking to reproduce this codepen effect on text:
https://codepen.io/hi-im-si/pen/DHoup
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:
https://preview.webflow.com/preview/valeria-g?utm_medium=preview_link&utm_source=designer&utm_content=valeria-g&preview=be038f86c63b028ab53d6504df2e767a&mode=preview

Does anyone know why its not working?

Thanks,
Val


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):


https://mattboldt.com/demos/typed-js/

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.

2 Likes

That’s great, it works perfectly.

Thanks for your help.

Val