Auto-typing
can anyone help to complete this code for this autotyping animation for my portfolio?
4 Replies
same like this smooth autotyping?
If you pause the video in the middle of the animation, you can see that it doesn't emulate real typing by moving in increments of whole letters. This looks like the width of the container is just being animated smoothly and overflow is hidden.
Kevin did a video about this a few years ago https://www.youtube.com/watch?v=w1nhwUGsG6M
Kevin Powell
YouTube
Customizable typewriter animation with CSS
After seeing a tweet from Prantham on Twitter (make sure to give him a follow: https://twitter.com/Prathkum) I wanted to make my own typewriter effect using only CSS!
My goal with this was to make it as customizable as possible, so if you changed the text you could update it as quickly as possible using custom properties.
π Links
β
The cod...
afaik he explains the parts pretty in-depth, including what makes the typing effect and what just makes the text slide in and out