Hover Button with a photo?

[Jnozz]

Hello!
New to XD, was wondering if I can create a hover button using a photo, and then hovers to a colored shape with text.
I can't seem to figure it out. Thanks so much!!

[Rishabh_Tiwari · Accepted solution]

Hi Celest,

Thanks for reaching out. Yes, you can create that in XD. Please follow the steps shared below:

1. Create a shape.
2. Drop the image in the shape.
3. Group them and make that a component.
4. Select hover state from the right panel.
5. Double click to get into isolation mode.
6. Then enter text and choose the fill.

For reference, please check this: https://xd.adobe.com/view/dd59465d-ca6a-411f-b4de-38bf0e55ee22-880a/?fullscreen

Let us know if this helps or if you need any further assistance.

Regards

Rishabh