Typing Animation in Webflow

Community resources Webflow Tips
30

Hi guys,

I’m trying to achieve the same typing effect with the following code;

<script src="https://raw.githubusercontent.com/mattboldt/typed.js/master/js/typed.js" type="text/javascript"></script>
<script>
  $(function(){
      $(".element").typed({
        strings: ["Amplify your exposure.", "Brand Strategy.", "Social Media.", "SEO and PPC.", "Content Marketing.", "Digital Design.", "Data Services."],
    // Do you want it to loop?
            loop: true,
          // typing speed, in milliseconds. The higher the number, the slower it gets
            typeSpeed: 5,
            // How many times should it loop? (false = infinite)
            loopCount: false,
            // Show cursor?
            showCursor: true,
             // character for cursor
            cursorChar: "|",
          // time before typing starts, also in milliseconds.
            startDelay: 80,
            // attribute to type (null == text)
            attr: null,      });
  });
</script>

It’s almost there but I need it to type slower and pause for a second between each sentence. Is there anything I can do to get the right results?

Also, it doesn’t seem to be working on chrome?

Heres the link:
https://preview.webflow.com/preview/goldmills-marketing?preview=987b5d022e69bb76bb720e9cd52ad964

Thanks