# Color gradient animated background glitch

**URL:** <https://discourse.nodered.org/t/color-gradient-animated-background-glitch/87875>\
**Category:** Dashboard\
**Created:** [11 May 2024 12:55 UTC](https://discourse.nodered.org/t/color-gradient-animated-background-glitch/87875 "2024-05-11T12:55:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Udina](https://avatars.discourse-cdn.com/v4/letter/u/a3d4f5/32.png) [@Udina](https://discourse.nodered.org/u/Udina)\
**Post date:** [11 May 2024 12:55 UTC](https://discourse.nodered.org/t/color-gradient-animated-background-glitch/87875/1 "2024-05-11T12:55:00Z")

</div>

Hello everyone,

I want to modify the background of my NodeRed dashboard with the node in order to make the interface more user-friendly.

I can modify the background without problem by creating a fixed gradient image like below :

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/8/28c3a354c6ab83f110a3ffa90e4f49e80eb51295.png)

But when I want to integrate an animated gradient background like below, it doesn't work, do you have an explanation on the code anomaly or the location in which I put it:

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/8/58e4f0766a218c13f4471234fda7c783806b0b2b.png)  
Do you have a tip to give me?

Thanks

Ludo

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [10 June 2024 12:55 UTC](https://discourse.nodered.org/t/color-gradient-animated-background-glitch/87875/2 "2024-06-10T12:55:35Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.