The typing effect is one of the best classical animations that makes text appear letter-by-letter on the screen as if it is being typed as your watch. It is cumbersome for actual reading, but looks cool and old-school. And the best part is modern web designers started to use it again to enhance texts on websites. They can be achieved in many different ways so here are some examples of a typing effect using CSS and JavaScript.
Auto Typing Text
Simple Typing Carousel
CodeVember 11/08 typing effect
Typing Effect
Typing speed test
Auto Type! (Pure CSS)
Typing animation using CSS
Fly in, fly out
HTML / CSS text writing animation
CSS typewriter
SVG text typing along a spiral with JS
Profession.is type transitions
Text Animations
Typed.scss – Animating text using only CSS
Type Shuffle
Real-Time Typing Effect
CSS Typing animation
Pure CSS typing animation for a user on web_design
Type Carousel 2
Chained Typing Text Animations with TypeIt JS
Code-Typing a Blog Post
Typing Animation with inserted Elements
Type Animation: Staggered Slice Effect
pure CSS self-typing text
I code!
If you are interesting in CSS animation and JS manipulation then some of these examples should give you inspiration for creating your own effect(s).
However, and I don’t want to ride the hate train here, the code, css and markup for a good number of these demonstrate some seriously questionable practices. Not all of them, but some.