Text Hover #1

Component Structure

  • Section: Serves as the primary container, setting the component to full viewport height and centering its content.

  • Container: Provides structural support for the Text element.

  • Text (TH1 - COMPONENT): The main element where the hover effect is applied, with certain text spans designed to change appearance and reveal background images on hover.

Animation Structure

  • TH1 - HOVER: Controls the hover effect, targeting specific text spans. It defines the animation properties for a smooth transition, making the background images visible upon hovering.

PreviousTEXTNextSplit Text #2

Last updated