DEV Community

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

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. 🤔

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
waylonwalker profile image
Waylon Walker •

very creative!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

đź‘‹ Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay