DEV Community

loading...
Cover image for #CodepenChallenge Exploding Bombs and Candies

#CodepenChallenge Exploding Bombs and Candies

takaneichinose profile image Takane Ichinose ・1 min read

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.

Discussion

pic
Editor guide