GSAP Scale

[bobby kc 0 Likes (Newbie)]

HOw can i scale to a pixel  value. e.g. scale:"200px", this do not work, pls suggest how to zoom to a pixel value

thanks.

[Jonathan 5,324 Likes (Superhero)]

hello bobby kc, and Welcome to the GreenSock Forum!

 

This can be done by multiplying the scale factor by your elements width.

 

Example:

See the Pen gaqfs by jonathan (@jonathan) on CodePen

 

If your element is:

• 100px width .. and you want it to scale to 200px .. then it would be 100 x 2 = 200 (width x scale factor)
• 50px width .. and you want it to scale to 200px .. then it would be 50 x 4 = 200 (width x scale factor)

var box1= document.getElementById("box1"),
    box2 = document.getElementById("box2");

// 100 x 2 = 200 (width x scale factor)
TweenMax.to(box1, 1.5,{scale:2, repeat:-1, yoyo:true});
// 50 x 4 = 200 (width x scale factor) .
TweenMax.to(box2, 1.5,{scale:4, repeat:-1, yoyo:true});

:

You would have to play with the scale factor to adjust to your needs by just using math

 

Hope this helps!