Just a moment...
codepen.io

So I figured I’d try my hand at a bit of CSS to create a typing effect. I started from this one, but I wanted to expand it to multi-line, so I did. Turns out there’s a lot of manual timing work, so it’s tedious to change. But with a little JS… I made a generator—make some for yourself!

  • b000urnsEnglish
    2•10 months ago

    Nice job 👌

  • trainlineEnglish
    2•10 months ago

    Wow, I did not even know CSS would let you animate typing

    • @owenfromcanadaOPEnglish
      2•10 months ago

      I didn’t either, before I looked it up. Apparently CSS lets you do an animation in “steps” instead of continuous movement. Then it’s just applying that to the width of a div, and it creates the effect (along with alternating the transparency of the right border for the cursor).

      • trainlineEnglish
        2•10 months ago

        Thanks for the explanation!