Any way to know the destination Tweened Value before the Tween Start ?

[artistsweb]

Hello Guys,

I'd like to know if there is any way to get the destination value of a Tween before it start ?

Simplified example:
 

TweenMax.to(elem, 1, { width: '90%'});

Is there a way to get the width destination in pixel of 'elem' before the Tween start ? If elem is 1000px can I get 900 somehow in the tween Object maybe ?

I can't figure it out

Many Thanks,

 

[Jonathan]

Hello @artistsweb and Welcome to the GreenSock Forum!

 

Do you mean get what width 90% would equal in pixels? If not i'm a little confused by your question.

 

Any additional info will be greatly appreciated

[Carl]

Hi and welcome to the GreenSock forums. 

 

If I understand correctly, you can advance the tween to its end (complete) state by setting its progress to 1. 

Then you grab the computedStyle (which will be in pixels)

And then set the tween back to the beginning progress(0) or play(0) 

var element = document.getElementById("demo");
var t = TweenMax.to(element, 1, {width:"50%"});
t.progress(1);
document.getElementById("message").innerHTML = window.getComputedStyle(element,null).getPropertyValue("width")
t.play(0);

 

See the Pen NgRMxj?editors=0011 by GreenSock (@GreenSock) on CodePen

 

[artistsweb]

Thank you very much Carl, getComputedStyle() and getPropertyValue() were exactly what I needed! 
I was looking for those value in the TweenMax Object and didn't think to use basic javascript

Problem solved, thanks guys !