Animated text can be seen during animation/static state

Design help Animations & Interactions
1

Sorry for the double post - not sure why posts remain in the queue after they are deleted.

I have two sets of text that appear on a hover on my home page. However, when they are ‘hidden’, they can be seen if the whole page is viewed. I would like the text to ONLY be viewable once they enter the container’s borders.

Help would be much appreciated.

Thanks!

Here is my public share link: Webflow - ARCONUS

Animation in action: arconus.us

2

Hi there,

When hover text extends beyond its container boundaries, it can create unwanted overflow effects. The Overflow property controls how content behaves when it exceeds its container’s dimensions. Setting it to “hidden” will clip any content that extends outside the container’s boundaries.

To fix this:

  1. Select the parent container of your hover text
  2. Go to Style panel > Size
  3. Set Overflow to hidden

This ensures your hover text remains contained within its parent element, creating a cleaner hover interaction while maintaining your intended design.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like
3

Can’t believe I didn’t think of that.

Thank you!