A rather geeky/technical weblog, est. 2001, by Bramus
By randomly changing the opacity and adding a little text-shadow, one can create this old typewriter effect:
Makes good use of currentColor for the shadow, so it can be applied on any coloured text.
💁♂️ Don’t confuse this effect with a typing carousel which types the letters one-by-one.
I like this JS typewriter effect:
The HTML that goes along with that is really simple:
<h1>This pen is
<span
class="txt-rotate"
data-period="2000"
data-rotate='[ "nerdy.", "simple.", "pure JS.", "pretty.", "fun!" ]'></span>
</h1>