TIME Sites

There are many ways you can show information on your website, but by far one of the most popular interactive methods is to have text appear when you rollover an image. Here you can see two quick tutorial videos showing you how to build out different text on hover states.

Keep in mind that the amount of copy that shows on hover can greatly affect your design. If you have too much, it can get cut off or stretch out its parent container, depending on how you built the interaction.

See different ways you can have text appear over an image on hover

Have Text Appear on Hover

Find answers and get help from Intercom Support and Community Experts

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Keep in mind that the amount of copy that shows on hover can greatly affect your design. If you have too much, it can get cut off or stretch out its parent container, depending on how you built the interaction.

Having Text Show on Hover

Having Text Roll Up on Hover