All Collections
Working with Text
Have Text Appear on Hover
Have Text Appear on Hover

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

Alex Piepenbrink avatar
Written by Alex Piepenbrink
Updated over a week ago

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.

Having Text Show on Hover

Having Text Roll Up on Hover

Did this answer your question?