Skip to main content
S
Sagama
Participant
January 29, 2021
Answered

Hover Button with a photo?

  • January 29, 2021
  • 1 reply
  • 414 views

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

    This topic has been closed for replies.
    Correct answer Rishabh_Tiwari

    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

    1 reply

    Rishabh_Tiwari
    Rishabh_TiwariCorrect answer
    Legend
    January 30, 2021

    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

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices