DEV Community

Cover image for Divtober Day 21: Magic
Alvaro Montoro
Alvaro Montoro

Posted on

12 3

Divtober Day 21: Magic

I forgot to publish this yesterday, but here it is... The word of the day was "Magic" so I coded a magic trick in CSS, with a single HTML element and no JavaScript:

It started just with a drawing of the magician and then I extended to look like this other demo I created way back.

Because it changes the value of the content property inside an animation, the demo will not work on Safari. Maybe I could modify it a little so instead of animating content, I could add some spacing and move the text around instead. 🤔

Top comments (1)

Collapse
 
waylonwalker profile image
Waylon Walker •

very creative!

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More