Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Animated Typewriter Effect with JavaScript & CSS

Scrimba via YouTube

Overview

Learn to create an animated typewriter effect using JavaScript and CSS in this comprehensive tutorial. Explore CSS animations, including transitions, timing, shorthand techniques, transform properties, and scaling. Discover cool CSS animation tools and shortcuts while implementing the effect with JavaScript. Join Leanne and Michael as they guide you through the process, covering topics such as transition and animation timing, character manipulation, typing animations, color effects, infinite loops, cursor animations, and separating animations with commas. Gain practical skills to enhance your web development projects with engaging typewriter animations.

Syllabus

Intro
Welcome
Poll
CSS
Newsletter
CSS Tutorial
Timing
Characters
Typing
Color
No Color
Blink
Infinite
Typing test
Cursor animation
Separating animation with commas
JavaScript

Taught by

Scrimba

Reviews

Start your review of Animated Typewriter Effect with JavaScript & CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.