Skip to content

Latest commit

 

History

History
15 lines (10 loc) · 825 Bytes

README.md

File metadata and controls

15 lines (10 loc) · 825 Bytes
Raw

#Motionizer

Motionizer moves rotates an element in 3d space (using CSS3 transforms), based on device motion. As far as I know, right now this only works on iOS 4.2+.

Usage

Include the script on your page and simply call the Motionizer function, passing in the element to apply the effect to. An optional second parameter (a boolean) controls whether the element should rotate around the z-axis.

Motionizer("elementId");
// or
Motionizer("elementId", false);
// or
Motionizer(document.getElementById("elementId"));

Remember that if you want a perspective effect to be applied to the element (and you probably do), you need to add a perspective style to a parent element. You can see a simple demo here.