DEV Community

loading...

Image Description: Microinteractions with ReactJS

takaneichinose profile image Takane Ichinose ・1 min read

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

pic
Editor guide
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.