DEV Community

Cover image for #CodepenChallenge Exploding Bombs and Candies
Takane Ichinose
Takane Ichinose

Posted on

2

#CodepenChallenge Exploding Bombs and Candies

This is a simple nested <detail> and <summary> tags.

I used emojis for the content, that is why, there is a possibility that the shown icons are different from the screenshot I provided, and the viewer's system.

The system I used for the screenshot is Windows 10. So far I tested it only on KDE, and Android Chrome.

I haven't tested on other browsers, except Firefox, but the animation of exploding candies only works on Chromium-based browsers.

I haven't used any Javascript for the functionality. All of there are just functioning with the native HTML, and CSS. Although, I used Javascript to render the HTML codes.

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️