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
@Nico You can do that by using modifiers plugin.
See the Pen Rxwpdy?editors=0110 by Sahil89 (@Sahil89) on CodePen
Recent similar threads,
UPDATE:
@jmca @melissa Use 'tween.ratio' instead of 'tween.progress()' so you can use easing effects.
