DEV Community

Discussion on: A scalable CSS only Typewriter Effect

Collapse
 
grahamthedev profile image
GrahamTheDev

Oh so that is why nobody actually said yes to the war, a surprise attack!

Unfortunately (for me) this was going to be my solution so I guess I better come up with something silly or clever as this basically ticks all of the sensible options!

p.s. you can't tick "accessible" without the prefers-reduced-motion Media query to switch the blink and animations off and just swap the words out!

Love it (oh crap, I can't say that in a war can I....errrmm), sorry I meant I hate it! 🀣

Collapse
 
siddharthshyniben profile image
Siddharth

Came here to say this πŸ˜‚πŸ˜‚

Collapse
 
alvaromontoro profile image
Alvaro Montoro

This one is not multiline. That's something you can improve (and hate upon πŸ˜‹)

Collapse
 
grahamthedev profile image
GrahamTheDev

hehe, also in fairness your animation is more "typewritery" but as I said this was going to be my come back so now I need to get the thinking cap on!

p.s. are either of you wanting to come to this discord server for article sharing or are neither of you bothered?

Already added this article to the posts section there so hopefully it will get some shares!

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro

I have to admit, I haven't used discord (or maybe I don't remember). Let me reread the post to understand it better, but my door is open to collaborate and learn about the things other people do.

Thread Thread
 
grahamthedev profile image
GrahamTheDev

I am a discord virgin too until today, quite easy to get your head around though if you do decide to come along! I will drop you an invite either way, don't worry if you decide not to bother!

Collapse
 
afif profile image
Temani Afif

This is my secret "speed-of-light" attack. A HIT in less than 24h!

No one can beat this!

Collapse
 
grahamthedev profile image
GrahamTheDev

So I am thinking I am going to make this fair despite your trickery, I will start easy and do a HTML only version first! πŸ˜‰

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro

Does this count?

Thread Thread
 
grahamthedev profile image
GrahamTheDev

This is going to be a very short war if you keep taking all the fun ideas! This was essentially my second entry so between you both I am now left with pure HTML and a type…righter (and that will be silly!)

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro

So you have ideas, the rest are excuses 😝

I know a way of doing it in pure HTML, but it requires several files. I'm curious about the type-righter πŸ€”

Thread Thread
 
grahamthedev profile image
GrahamTheDev

The HTML is the same as when I did the video, so yes, multiple files. Type Righter is silly, it may be my entry!