YoVDO

Animated Typewriter Effect with JavaScript & CSS

Offered By: Scrimba via YouTube

Tags

CSS Animation Courses Computer Science Courses Web Development Courses Javascript Courses Front-end Development Courses Animation Effects Courses

Course Description

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

Related Courses

Web Design HTML CSS Create Single Page Website from Scratch
Udemy
WordPress Beginners - Make your own Awesome Websites Today.
Udemy
Crie artes para redes sociais usando Canva
Coursera Project Network via Coursera
CSS Animation Tutorial
YouTube
InDesign: Creating Animations
LinkedIn Learning