Santeenee / Typewriter-CSSonly-animation

Cool typewriter animation that uses a monospace font.

Home Page:https://santeenee-typewriter.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Typewriter-CSSonly-animation

Netlify Status

Cool typewriter animation using a monospace font.

remember to set the width of your chosen text to max-content (or just use flexbox/grid like I did)

All the work is within other branches


myversion branch contains only the first part of this video

Meaning that I copied part of that until 7:07 and there I understood how the ::before thing worked. Than I tried to create the moving caret part myself.

And I succeeded. Kind of.


kevinP branch is just a copy of the code in the same video with little changes.
I just wanted to follow along and learn.


pro branch contains the code where I tried to improve what I've learned from the video.

the code in this branch is being used for the website

Try it!