<![CDATA[Typewriter Effect for Compliments?]]>Hello,

I’m wondering if it’s possible to add a typewrite effect to the compliments. So instead of them fading in and out, it would appear like they are being typed on screen.

If this is possible, how would I do it (would it be a Css or Javascript typing effect?) and where would I put the code (Would it go in the config file or the compliments.js)?

Thanks in advance.

]]>https://forum.magicmirror.builders/topic/16271/typewriter-effect-for-complimentsRSS for NodeWed, 22 Jul 2026 13:56:40 GMTFri, 28 Jan 2022 22:32:11 GMT60<![CDATA[Reply to Typewriter Effect for Compliments? on Fri, 28 Jan 2022 22:59:06 GMT]]>@kristjanesperanto Thanks, I’ll look into it.

]]>https://forum.magicmirror.builders/post/99114https://forum.magicmirror.builders/post/99114Fri, 28 Jan 2022 22:59:06 GMT<![CDATA[Reply to Typewriter Effect for Compliments? on Fri, 28 Jan 2022 22:58:56 GMT]]>Okay, maybe a CSS approach will be easier for you then. Here is a howto you could also try: https://css-tricks.com/snippets/css/typewriter-effect/

Then you would “only” have to adjust your custom.css.

Feel welcome to let us know if you’re making progress.

I don’t know how familiar you are with CSS and JavaScript, but it can’t hurt to try :-)

]]>https://forum.magicmirror.builders/post/99113https://forum.magicmirror.builders/post/99113Fri, 28 Jan 2022 22:58:56 GMT<![CDATA[Reply to Typewriter Effect for Compliments? on Fri, 28 Jan 2022 22:42:24 GMT]]>@kristjanesperanto Ya, I was looking at that tutorial, and I was looking at compliments.js and I’m wondering where to put the code. Since there’s so many lines of code, it’s a bit overwhelming. I just don’t want to mess anything up (I’ll be sure to make a backup first before I try anything though).

]]>https://forum.magicmirror.builders/post/99112https://forum.magicmirror.builders/post/99112Fri, 28 Jan 2022 22:42:24 GMT<![CDATA[Reply to Typewriter Effect for Compliments? on Fri, 28 Jan 2022 22:38:00 GMT]]>Nice idea :thumbsup: :-)

I would start with compliments.js and this howto:
https://www.w3schools.com/howto/howto_js_typewriter.asp

]]>https://forum.magicmirror.builders/post/99111https://forum.magicmirror.builders/post/99111Fri, 28 Jan 2022 22:38:00 GMT