# How can I reveal an object (like a mask) as TimelineMax plays?

**URL:** <https://forum.kirupa.com/t/how-can-i-reveal-an-object-like-a-mask-as-timelinemax-plays/308204>\
**Category:** flash\
**Created:** [April 19, 2010, 2:43am UTC](https://forum.kirupa.com/t/how-can-i-reveal-an-object-like-a-mask-as-timelinemax-plays/308204 "2010-04-19T02:43:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![arevesz](https://avatars.discourse-cdn.com/v4/letter/a/f475e1/32.png) [@arevesz](https://forum.kirupa.com/u/arevesz)\
**Post date:** [April 19, 2010, 2:43am UTC](https://forum.kirupa.com/t/how-can-i-reveal-an-object-like-a-mask-as-timelinemax-plays/308204/1 "2010-04-19T02:43:46Z")

</div>

I have a logo that is currently changing Alpha as the timeline plays.

What I want is to have the logo become white as the menu slides down (sort of like a mask… where only the part of the logo that is in front of the menu as it slides down becomes white). If that doesn’t make sense… picture this. Imagine there was no logo in that spot to begin with, but as the menu slides down the logo is revealed. If the menu was to stop half way down, only half of the logo would be visible.

Checkout [http://revezphotography.com/](http://revezphotography.com/)  
Find the FLA at [http://revezphotography.com/test.fla](http://revezphotography.com/test.fla)

Here’s the code so far:

import com.greensock._;  
import com.greensock.easing._;  
import flash.events.MouseEvent;  
import fl.transitions.Tween;  
import fl.transitions.easing.\*;

/\*\*\*\*\*\*\*\*\*\*\*\*\*\* Slide Menu \*\*\*\*\*\*\*\*\*\*\*\*\*\*/  
var Menu : TimelineMax = new TimelineMax();  
Menu.append(TweenMax.to(menu\_mc, .5, {y:“165”, ease:Back.easeOut}));  
Menu.append(TweenMax.to(logo, .75, {autoAlpha:1}), -.35);

menu\_trigger.addEventListener(MouseEvent.ROLL\_OVER, showMenu);  
menu\_trigger.addEventListener(MouseEvent.ROLL\_OUT, hideMenu);

function showMenu(event:MouseEvent) : void {  
Menu.play();  
}  
function hideMenu(event:MouseEvent) : void {  
Menu.reverse();  
}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\* Slide Thumbs \*\*\*\*\*\*\*\*\*\*\*\*\*\*/  
var Thumbs : TimelineMax = new TimelineMax();  
Thumbs.insert(TweenMax.to(thumbs\_mc, .5, {y:"-65", ease:Back.easeOut, easeParams:[2]}));

thumbs\_trigger\_show.addEventListener(MouseEvent.ROLL\_OVER, showThumbs);  
thumbs\_trigger\_hide.addEventListener(MouseEvent.ROLL\_OVER, hideThumbs);  
function showThumbs(event:MouseEvent) : void {  
Thumbs.play();  
}  
function hideThumbs(event:MouseEvent) : void {  
Thumbs.reverse();  
}