Skip to content

Bram.us

A rather geeky/technical weblog, est. 2001, by Bramus

  • Blog
    • All Posts
    • Original Content
    • Elsewhere
  • Speaking & Training
  • About
  • RSS
    • All Posts
    • Original Content Only
    • Elsewhere Only

Tag Archives: typewriter

Old Typewriter Text Effect

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.

Old Typewriter Text Effect →

💁‍♂️ Don’t confuse this effect with a typing carousel which types the letters one-by-one.

Posted byBramus!July 12, 2019Posted inElsewhereTags: css, javascript, link, text, typewriterLeave a comment on Old Typewriter Text Effect

A JavaScript Typing Carousel

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>

Simple Typing Carousel →

Posted byBramus!June 14, 2018April 25, 2019Posted inElsewhereTags: effect, javascript, link, typewriterLeave a comment on A JavaScript Typing Carousel

About Bram.us

Bram.us is the technical/geeky weblog of Bramus Van Damme, a Freelance Web Developer from Belgium.

Main topics are web related technologies (CSS, JS, PHP, …), along with other geeky things (robots, space, …) and personal interests (cartography, music, movies, …).

More …

Stay up-to-date

To follow bram.us you can:

  • Subscribe to bram.us via RSS
  • Follow @bramusblog on Twitter
  • Give bram.us a like on Facebook

Next to his ramblings here, you may also follow @bramus himself on Twitter.

Archives

Search

Bram.us, Proudly powered by WordPress.