---
title: "On Scroll Animated Gradient Background for Elementor"
url: https://theplusaddons.com/elementor-widget/section-background/on-scroll-animated-gradient-background/
date: 2025-06-06
modified: 2025-06-18
author: "Aditya Sharma"
description: "Animate your site background on scroll using Elementor On Scroll Animated Gradient Background widget. Add stunning scrolling effects on background like Gradient Animation, Color Change, Shape Morphing, Image Change, Fixed SVG Morphing."
image: https://theplusaddons.com/wp-content/uploads/2024/11/On-Scroll-Animated-Gradient-Background-for-Elementor-Image-1024x536.jpg
word_count: 42
---

# On Scroll Animated Gradient Background for Elementor

## Live Demos of Animated Gradient Background for Elementor
![sec-1 bg-a](https://theplusaddons.com/wp-content/uploads/2024/10/sec-1-bg-a.png)![Nike-Shoe](https://theplusaddons.com/wp-content/uploads/2024/10/Nike-Shoe.png)
## Runners
![sec-2-bg-a](https://theplusaddons.com/wp-content/uploads/2024/10/sec-2-bg-a.png)![girl-yoga-practice](https://theplusaddons.com/wp-content/uploads/2024/10/girl-yoga-practice.png)
## Ayurveda

## Key Features of Elementor Before After Slider​
![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png)
### Horizontal, Vertical & Opacity Mode
![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png)
### Upload Before & After Image with Label
![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png)
### Customize Everything

## Watch How it Works
Subscribe for more Such Elementor Video Tutorials