Hover Button with a photo?

New Here ,
Jan 29, 2021 Jan 29, 2021

Copy link to clipboard

Copied

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!!

Views

180

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Employee , Jan 30, 2021 Jan 30, 2021
Hi Celest, Thanks for reaching out. Yes, you can create that in XD. Please follow the steps shared below: Create a shape. Drop the image in the shape. Group them and make that a component. Select hover state from the right panel. Double click to get into isolation mode. 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...

Likes

Translate

Translate
Adobe Employee ,
Jan 30, 2021 Jan 30, 2021

Copy link to clipboard

Copied

LATEST

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines