I was watching someone on streaming Super Mario Maker when I got the inspiration to create a Bob-omb in CSS and make it explode with JQuery. I realized if I used .animate() to transition between different CSS classes as if it was pulsing red before the blow, and then hiding the explosion and showing it after a certain amount of time, I could make it seem like it actually exploded.

It was fun to make and let me practice some jquery. I think its silliness led to it being put on the front page by Codepen staff. It now has over 2,000 views, my highest viewed project. How exciting! Check it out below.

See the Pen Bob by Jessica Ciarelli (@jessmc) on CodePen.

Leave a Reply

Your email address will not be published. Required fields are marked *