# Smooth transition with tweenlite doesn't work

**URL:** https://forum.kirupa.com/t/smooth-transition-with-tweenlite-doesnt-work/325635
**Category:** Uncategorized
**Created:** [October 27, 2011, 2:06am UTC](https://forum.kirupa.com/t/smooth-transition-with-tweenlite-doesnt-work/325635 "2011-10-27T02:06:23Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![drpelz](https://avatars.discourse-cdn.com/v4/letter/d/c68b51/32.png) [@drpelz](https://forum.kirupa.com/u/drpelz)
#### Post date: [October 27, 2011, 2:06am UTC](https://forum.kirupa.com/t/smooth-transition-with-tweenlite-doesnt-work/325635/1 "2011-10-27T02:06:23Z")

</div>

Hello,

I have a vector circle and what to do the following:

I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).

Currently it looks horrible because I don’t know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.

Can someone help me out with this problem please? Thank you very much.🙂

Total time of animation: .75 sec  
total amount of scaling: 5

```auto

part 1 of 2:

TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
				onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});

part 2 of 2:

private function blastScaleFadeOut(object:DisplayObject, time:Number = .375, scaleVal:Number = 4.46) {
			
	TweenLite.to(object, time, {alpha:0, transformAroundCenter:{scale:scaleVal},
		onComplete:backgroundSprite.removeChild, onCompleteParams:[object]});
			
}

```