Elevate your typography from static words to mesmerizing digital art. This component allows you to display a piece of text and then transition it into a second message using a smooth, fully customizable pixelation effect.
It's a versatile and stylish way to create interactive headlines, reveal hidden coupon codes, or add a surprising twist to any text on your website, capturing user attention and adding a touch of retro-modern flair.
Ideal Use Cases:
Interactive Call-to-Actions: Show "View Our Work" and have it transition to "Let's Talk" on hover.
Dynamic Headlines: Animate a welcoming headline into a more direct marketing message.
Revealing Secret Information: Display a generic phrase and have it decode into a special offer or password on click.
Creative FAQ Toggles: Transition a question into its answer with a unique visual effect.
Key Features:
✅ Works With Any Text: Easily set the initial and revealed text content directly in the properties panel.
✅ Full Grid Control: Adjust the Grid Size to create a chunky, 8-bit look or a fine, detailed transition for your text.
✅ Animation Speed: Set the precise Animation Duration to match the pacing and style of your typography.
✅ Customizable Pixel Color: Define the color of the pixel grid during the transition to perfectly match your brand palette.
✅ Flexible Triggers: The text transition can be initiated on hover for interactive states or on click for reveals.
✅ Aspect Ratio Control: Lock in the aspect ratio to maintain a consistent shape for your text containers.
Alpha Design
