Skip to main content
Sagama
Sagama
Participant
Jan 29, 2021 3:09 PM UTC
Answered

Hover Button with a photo?

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 is closed to new replies. Start a new post to keep the conversation going.
    Rishabh_Tiwari
    Rishabh_TiwariCorrect answer
    Legend
    Jan 30, 2021 12:06 PM UTC

    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

    View reply

    1 reply

    Rishabh_Tiwari
    Rishabh_TiwariCorrect answer
    Legend
    Jan 30, 2021 12:06 PM UTC

    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

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