Skip to main content
Participant
Sep 1, 2021 4:52 AM UTC
Answered

How to apply hover effect on text in XD?

Hi,

I am creating website prototypes in xd. I want the definition of a word to pop up when I hover my mouse on the word. How do I do it?

 

<Title renamed by moderator>

This topic is closed to new replies. Start a new post to keep the conversation going.
Spas K.
Spas K.Correct answer
Community Expert
Sep 1, 2021 5:25 AM UTC

Hello Smitha, you can do that using component states, although it's not easily applicable for a lot of items, as you'll have to make a new component for each word and make that word a separate layer.

 

Here's an example, and here's the file, so you can see how it's set up.

 

You can read more about component states here.

 

2 replies

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
Sep 1, 2021 5:25 AM UTC

Hello Smitha, you can do that using component states, although it's not easily applicable for a lot of items, as you'll have to make a new component for each word and make that word a separate layer.

 

Here's an example, and here's the file, so you can see how it's set up.

 

You can read more about component states here.

 

Translate
Participant
Sep 1, 2021 8:26 PM UTC

Thank you @7245211 . This is exactly what I am after 🙂

 

- S

Translate