DEV Community

Takane Ichinose
Takane Ichinose

Posted on

1

#CodePenChallenge Shape Exploding Button Microinteraction

This is my challenge for this week's Codepen Challenge.

Although the color scheme is very limited, I thought of using these colors as a shape. These colors resemble children's toys, where they fit all the shapes in a box.

This pen is in reverse order of that. Instead of going in, these shapes are scattering around (They scatter from where you clicked the button).

I used the icons in Fontawesome to create these shapes.

Top comments (2)

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

Set this as your purchase button and watch profits rise 20-fold 😂

Collapse
 
takaneichinose profile image
Takane Ichinose

I would like to try 😂

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

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. ❤️