Extend when hovering ReactJS

Would looking for a suggestion on how to perform the following using ReactJS or just plain JS & CSS
i got a phone icon or image , it should rotate 360 degrees when i hover over it , at the same time it extends to the side showing a text (the phone number) with a transition , i understand i cannot extend the image itself , but if i have an object which is hidden behind the image and it extends when i hover on the image it might does the trick.

I’m not sure what you mean by “extend the image”. Rotation can be handled with CSS transform. Similar things can be done with whatever you are extending. You can do it by changing the width/visibility of something or by changing the width/visibility of something that is blocking it.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.