You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
-[Optimizations to Reduce Jank](#optimizations-to-reduce-jank)
53
53
-[PSA](#psa)
54
54
55
-
## Example Usage
55
+
## Usage
56
56
57
57
The [`<ParallaxProvider>`](#parallaxprovider) must wrap the component tree that contains all `<Parallax>` components. This should be a top level component like `<App>`. For example:
|**speed**|`number`|| A value representing the elements scroll speed. If less than zero scroll will appear slower. If greater than zero scroll will appear faster. |
54
-
|**x**|`string[]` or `number[]`|| Start and end translation on x-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements width. |
55
-
|**y**|`string[]` or `number[]`|| Start and end translation on y-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements height. |
54
+
|**translateX**|`string[]` or `number[]`|| Start and end translation on x-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements width. |
55
+
|**translateY**|`string[]` or `number[]`|| Start and end translation on y-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements height. |
56
56
|**rotate**|`string[]` or `number[]`|| Start and end rotation on z-axis in `deg`, `rad`, or `turn`. If no unit is passed `deg` is assumed. |
57
57
|**rotateX**|`string[]` or `number[]`|| Start and end rotation on x-axis in `deg`, `rad`, or `turn`. If no unit is passed `deg` is assumed. |
58
58
|**rotateY**|`string[]` or `number[]`|| Start and end rotation on y-axis in `deg`, `rad`, or `turn`. If no unit is passed `deg` is assumed. |
0 commit comments