hello I want to show text as a texttyping effect with webflow… is this possible, anybody already tried?
look to this website to see what I want to make:
Thanks
Karel
hello I want to show text as a texttyping effect with webflow… is this possible, anybody already tried?
look to this website to see what I want to make:
Thanks
Karel
Yes, it is possible, you have to use custom code:
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
<script>
var typed = new Typed('#typed-text', {
strings: ['I am a Certified Scrum Product Owner'],
typeSpeed: 75,
backSpeed: 25,
loop: true,
cursorChar: '_',
backDelay: 1000,
startDelay: 1000
});
var typed2 = new Typed('#typed-2', {
strings: ['', 'content', 'assets', 'time'],
typeSpeed: 75,
backSpeed: 50,
loop: true,
backDelay: 1000,
startDelay: 500
});
</script>
Put the code Before </body> tag
Body #typed-text is the div in design dashboard where you can make the text settings, font, size, color etc.
Example https://typing-webfow.webflow.io/
Or you can use this project as a reference: https://webflow.com/website/Typing-Text-Typedjs
I hope it will help
Thanks I tried, but how to do more rows of text… ?
Between the text a wait, and the text may not disappear.
I found code: GitHub - mattboldt/typed.js: A JavaScript Typing Animation Library
Karel
check also the effect here: yours is better… but how is this effect made?
https://prisonescape.nl/de-experience/