# I have a button, how to make gradient animated?

**URL:** <https://community.weweb.io/t/i-have-a-button-how-to-make-gradient-animated/7592>\
**Category:** How do I?\
**Created:** [March 15, 2024, 3:43am UTC](https://community.weweb.io/t/i-have-a-button-how-to-make-gradient-animated/7592 "2024-03-15T03:43:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [March 15, 2024, 3:43am UTC](https://community.weweb.io/t/i-have-a-button-how-to-make-gradient-animated/7592/1 "2024-03-15T03:43:28Z")

</div>

Hi! I have a button with a gradient in it. how do I make the gradient animated?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [March 18, 2024, 10:14am UTC](https://community.weweb.io/t/i-have-a-button-how-to-make-gradient-animated/7592/2 "2024-03-18T10:14:26Z")

</div>

You are going to have to use custom CSS and custom code, here is an example of a gradient animation that I’m using for my skeleton state

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/016b210ec43c14f6289b079b7b2c7edc911f7553.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/10c742f790e570cf0052fa30c9747f07bfb6b0ea.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6821822f1ff3e2c8c4f453fa847249ae8a69d018.png)