Elementor Scroll Fade-In Text Widget

A custom Elementor widget for WordPress that animates text with a fade-in effect based on scroll position. Each character in the text fades in independently, creating a dynamic and engaging experience for users as they scroll down the page.

Features

• Fade-in effect for text on scroll.
• Character-by-character animation for a unique, eye-catching effect.
• Easily customisable within the Elementor editor.

Installation

1. Download the Plugin: Clone or download this repository to your computer.
2. Upload to WordPress:
   • Zip the plugin folder.
   • Go to your WordPress Dashboard, navigate to Plugins > Add New, and click Upload Plugin.
   • Choose the zipped file and click Install Now.
3. Activate the Plugin: After installation, activate the plugin from the Plugins page.

Usage

1. Open Elementor: In the WordPress dashboard, create or edit a page using Elementor.
2. Add the Widget: Look for the Scroll Fade-In Text widget in the Elementor panel and drag it onto your page.
3. Customise: Enter the text you’d like to animate. The fade-in effect will be applied automatically as users scroll.

Configuration

There are no additional configuration options at this time. The plugin applies default fade-in parameters, but you can adjust timing and effects by modifying the source code if desired.