I built this website to see what was possible with only one div, and a stylesheet.
No JS, No other HTML, just CSS.
No JS, No other HTML, just CSS.
the css is js generated but doesn't need to be
<html> and <body> accept pseudo-elements. Why add such bloat?!
Using a solid border for the cursor instead of having it in the text content is a nice touch; because it's separated out you could probably use another animation to get it blinking, too.
would you use another keyframe or did you have something else in mind
> couldn't get it to render in a way I was happy with
I might be repeating something you already noticed, but cursors only blink after you stop typing, so if you weren't delaying the effect until after the typing was done that might have contributed.