Главная
Study mode:
on
1
- Introduction
2
- Use a monospace font
3
- Setting the stage with pseudo-elements
4
- Animation to reveal the text
5
- Improving the animation with steps
6
- Using max-content for the width
7
- Making the text look like it's being revealed
8
- Adding the caret
9
- The blinking animation
10
- Making it easier to customize
11
- Animating the other text
Description:
Learn how to create a customizable typewriter animation using only CSS in this 19-minute tutorial video. Explore techniques for setting up pseudo-elements, revealing text with animations, improving animations with the steps() function, and using max-content for width. Discover how to add a blinking caret effect and make the animation easily customizable with custom properties. Follow along as the instructor demonstrates how to animate additional text elements, providing a comprehensive guide to creating an engaging typewriter effect for your web projects.

Customizable Typewriter Animation With CSS

Kevin Powell
Add to list
0:00 / 0:00