Skip to content

Santeenee/Typewriter-CSSonly-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 

Repository files navigation

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