DEV Community

Takane Ichinose
Takane Ichinose

Posted on

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.

Discussion (2)

Collapse
dance2die profile image
Sung M. Kim

This is a pretty cool stuff, Takane.

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

Collapse
takaneichinose profile image
Takane Ichinose Author

Thank you.

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