# Problem in tweening

**URL:** <https://forum.kirupa.com/t/problem-in-tweening/328416>\
**Category:** Uncategorized\
**Created:** [May 15, 2012, 6:59pm UTC](https://forum.kirupa.com/t/problem-in-tweening/328416 "2012-05-15T18:59:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeadlyDude](https://avatars.discourse-cdn.com/v4/letter/d/db5fbb/32.png) [@DeadlyDude](https://forum.kirupa.com/u/DeadlyDude)\
**Post date:** [May 15, 2012, 6:59pm UTC](https://forum.kirupa.com/t/problem-in-tweening/328416/1 "2012-05-15T18:59:23Z")

</div>

I am trying to create this type of menu tweening [http://www.flashmo.com/preview/flashmo\_258\_dark\_focus](http://www.flashmo.com/preview/flashmo_258_dark_focus)  
on mouseOver my code is

```auto
TweenLite.to((evt.target as MovieClip).red,0.5,{x:0 ,width:evt.target.width ,ease:Back.easeInOut })

```

and on mouse out

```auto
TweenLite.to((evt.target as MovieClip).red,0.5,{x:0 ,width:evt.target.width ,ease:Back.easeInOut })

```

but the problem is everytime I roll over and roll out , Box width is increased.