Accept Percentage Values for Transform

[grayghostvisuals]

Just like the title says. I do off canvas type animations moving things out and then back into the viewport using percentage values from time to time. Would be great to accept percentage values for transforms instead of just pixels.

[muhammad-saleh]

I know that this might be a bit late
but I was able to make it accepts percentages (percentages only not percentages and pixels)
by going to line 242 which has " case _translate: " and change the unit for the translate feature from px to %

And I guess you can do the same with the rest of the features

[grayghostvisuals]

@muhammad-saleh Nice. That works. Still needs a way to determine if percentages are used or pixels are used so the author is not tied to one or the other.

[muhammad-saleh]

Okay... as a quick fix
go to the same line which has the unit and change it
from:
unit = "px";
to
unit = $.transform.transformUnit || "%";

Now it will check for the value of $.transform.transformUnit if it's found the plugin will use it and if not it will fallback to %

Usage:
before you start using the plugin do this
$.transform.transformUnit = "%";
and after that you can use the plugin and whatever string you will add it will be passed through as it is

so you can use % or px or vh ...etc

Hope I helped

[grayghostvisuals]

So we're saying line 242 replace that line with this…

unit = $.transform.transformUnit || "%";

I'm still confused where you are saying to put this line…

Usage:
before you start using the plugin do this
$.transform.transformUnit = "%";
and after that you can use the plugin and whatever string you will add it will be passed through as it is so you can use % or px or vh ...etc

[muhammad-saleh]

I meant in the document.ready event

[grayghostvisuals]

gotchya. hmmm..kind of seems that way an author needs to change the val w/$.transform.transformUnit = "%"; depending on the case. I feel like it could be a bit more dynamic with the value passed. I appreciate the help and guidance so far btw.

[muhammad-saleh]

I'm glad that I can help :)
I think that this is the best solution cause this will pass whatever you input as a unit
However I didn't go through the other features but as for the transformation I think it should work fine now