# Color change button

**URL:** <https://forum.kirupa.com/t/color-change-button/8594>\
**Category:** Uncategorized\
**Created:** [November 24, 2002, 3:50pm UTC](https://forum.kirupa.com/t/color-change-button/8594 "2002-11-24T15:50:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![digletinms](https://avatars.discourse-cdn.com/v4/letter/d/5fc32e/32.png) [@digletinms](https://forum.kirupa.com/u/digletinms)\
**Post date:** [November 24, 2002, 3:50pm UTC](https://forum.kirupa.com/t/color-change-button/8594/1 "2002-11-24T15:50:05Z")

</div>

I am trying to make a button that changes color from yellow to green when it is rolled over. Not just change color but blend or tween from yellow to green. The only way I know how to do it is with the shape tween but I cannot use a shape tween in a movie or as a symbol. I have seen it done and cannot figure out how. Can anyone tell me the correct way to achieve this effect?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 24, 2002, 6:03pm UTC](https://forum.kirupa.com/t/color-change-button/8594/2 "2002-11-24T18:03:00Z")

</div>

You can do the tween inside a movie clip, and then insert that movie clip in your “Over” frame in the button timeline.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 24, 2002, 7:56pm UTC](https://forum.kirupa.com/t/color-change-button/8594/3 "2002-11-24T19:56:56Z")

</div>

You can also use flash mx’s fade component. Just have your yellow button sit under a green movie clip and use the fade componet to fade the green movie clip when the mouse is rolled over. Lost’s method works too, but I just wanted to show you another way. I attached a simple example of what I’m talking about, hope it helps. =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 24, 2002, 9:53pm UTC](https://forum.kirupa.com/t/color-change-button/8594/4 "2002-11-24T21:53:40Z")

</div>

got it, thanks guys.