I have managed to code something like this using simple css and html in the past. I have checked all the available animations in the editor however none suit my need. I thought about using js to reveal hidden words one by one but it still wouldn’t look like it was being typed. What I would love to k…

Here’s a Typewriter example using just Wix Code. I hope this is helpful.

Would like to use one of these: [image] Typewriter Effect | CSS-Tricks Some use JavaScript, which may sometimes be preferable (literally adding a character at a time feels more like a real typewriter) and sometimes not be

Or at least try to mimic it somehow. The only way I have managed to think of is to hide every letter and show them one after another.

Ah ok, but do you want to mimic it while displaying text or while someone types in text in a Input Field?

I would like to use this picture with a white box overlaying the text and have my own text appear to be written on it like a typewriter would, one letter at a time. I’ll crop the hands out so it looks better. [image]

No problem. Thanks for the help, I can’t figure out how to do it without DOM or access raw html. ^^’

Hey there Jaimie! Here comes the solution with an instructional video and all source you might need to make it work, even with your image in the background. As you already know the DOM is not available for you when coding in Wix Code. But, there is a trick using the HTML Component together with Wi…

Like? This is insane, I love it. Not only do I have the answer but I also understand how to work around this problem in future. I’ll be signing up to your WIX courses for sure. Once the finished product is live I’ll post a link below for you. Thank you very much Andreas, Time to go code!

Typewriter-like animation on text possible?

Ask the community

jaimie_boulianne May 31, 2018, 3:37pm 3

Would like to use one of these:

Topic		Replies	Views
How to create typewrite effect? Ask the community code , wix , design , question , wix-editor	3	775	August 7, 2025
Typewriter Text Animation Effect Ask the community code , wix-editor	5	461	January 31, 2024
How to Create This Typewriter Effect? Ask the community wix-studio , code , design	6	206	August 3, 2025
Typewriter text animation Ask the community code , question	1	726	June 26, 2018
Typewriter animation on Wix Ask the community code , question	3	374	October 8, 2021

Typewriter-like animation on text possible?

Related topics