[Timeline animation is different when repeated]

Hi,

 

I have a timeline which I created beforehand and put it on pause. Then on trigger I run it with 

tl.play(0)

it plays correctly the very first time but subsequent repeats are not right. What am I missing?

 

Thanks for help! 

See the Pen aYKWgN by catico (@catico) on CodePen

[transform in vh units]

Thanks a lot, Jonathan!

[transform in vh units]

Hi all, 

 

I would like to transform an element using vh units rather than %, however when I use them the transformation produced is not correct.

When I use 

TweenLite.to(el, 1, {y: '100%'}) 

the style applied to element is correct 

style="transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);"

but when I'm trying to use 

TweenLite.to(box2, 1, {y: '100vh'})

the style applied to element is 

style="transform: matrix(1, 0, 0, 1, 0, 100);"

Thanks for any advice!

See the Pen vKRpgz by anon (@anon) on CodePen

[combining svg origin with transform origin]

Awesome, thanks a lot!

[combining svg origin with transform origin]

Hi all, 

 

I have svg with couple of rectangles and I would like to scale them randomly while hovering with respect to the svg origin. At the same time I would them to rotate individually around their axis.

The problem is that either transform origin gets overwritten by svg origin or vice versa.

 

See the pen . 

The rotation is commented out.

 

Thanks a lot for any suggestions!

See the Pen RRowRx by anon (@anon) on CodePen