Image Description: Microinteractions with ReactJS

An experimental interaction for an image description.

When the "i" or information button is clicked, the description for the image will appear.

The "i" button is also animated, that when clicked, it will become an "x" or close button. There is also a short time of animation.

Animations are done just using the "property" component of CSS. The class toggles are done with ReactJS.

Comments

[Sung M. Kim]

This is a pretty cool stuff, Takane.

Would you have a plan to write how it works by chance?

[Takane Ichinose]

Thank you.

Okay, I am going to edit compose words about the programming and coding stuff.