What is it?

Particle Glow adds a captivating visual effect that combines animated text gradients with glowing particles in the background, creating a dynamic and eye-catching experience. The text features a moving gradient, while particles gracefully float around the section.

How to set it up?

This element is customized using the Bricks Builder attributes field. Particle Glow utilizes the following attributes:

'data-particle-glow'. Activates the particle glow effect on the specified container. No value is needed; adding this attribute enables the functionality.

'data-bg-preset'. Sets the color scheme for the background particles. The options are the same as those for the text gradient. If not specified, the ocean preset will be applied by default.

'data-custom-bg-color' (Optional). Allows you to specify a custom color for the background particles.

'data-particle-count' (Optional). Specifies the number of glowing particles displayed. The default is 60 if not specified.

'data-particle-glow-text'. Defines the text element that will have the animated gradient effect applied.

'data-color-preset'. Sets the color scheme for the text gradient. The preset values should be specified exactly as listed below:

'data-custom-gradient' (Optional). Allows you to define a custom gradient for the text by providing a comma-separated list of colors (e.g., #ff0000,#00ff00,#0000ff).

Important Note