Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Z translate. #104

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added Z translate. #104

wants to merge 2 commits into from

Conversation

Nirlah
Copy link

@Nirlah Nirlah commented Jan 16, 2013

Added the option to set/get Z to translation transform.
Changed the translation test to include Z property.

Added the option to set/get z to translation transform.
Changed the translation test to include Z property.
Fix traslate -> translate3d.
@Nirlah Nirlah mentioned this pull request Feb 7, 2013
@scien scien mentioned this pull request Mar 5, 2013
@rstacruz
Copy link
Owner

Does translate3d(x,y) really work without the Z?

@joe1chen
Copy link

joe1chen commented Oct 9, 2013

+1 This change actually makes a big difference for mobile webkit since translate3d forces hardware acceleration. Without this change CSS3 is very sluggish on mobile.

@positlabs
Copy link

+1

1 similar comment
@gunderson
Copy link

+1


this.translate = this._translateX + "," + this._translateY;
this.translate3d = this._translateX + "," + this._translateY + "," + this._translateZ;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if you change this line to

if (support.transform3d)
    this.translate3d = this._translateX + "," + this._translateY + "," + this._translateZ;
else
    this.translate = this._translateX + "," + this._translateY;

your solution also works with browsers that only support 2D transforms!

@FossPrime
Copy link

+1000... is this plugin dead?

@Hiswe
Copy link

Hiswe commented Apr 16, 2014

+1 for the hardware acceleration

@dcalhoun
Copy link

It looks like dynamically utilizing translate3d is already implemented in the library.

@patrickkidd
Copy link

+1

@floydConnard
Copy link

I'm not very familiar with Git yet. What do I need to do to have this translateZ function in my basic transit.js file (minify) ?

EDIT: The doc I use to code is the main page of http://ricostacruz.com/jquery.transit/ ; maybe I can find somewhere something more up to date, or more complete ?

EDIT II : Just pick up the file non-minify and edit it line by line. The power of github is too strong for me ;) But it works

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.