File tree Expand file tree Collapse file tree 1 file changed +14
-5
lines changed Expand file tree Collapse file tree 1 file changed +14
-5
lines changed Original file line number Diff line number Diff line change @@ -41,11 +41,6 @@ const TranslateY = () => (
41
41
42
42
## Props
43
43
44
- All props for creating effects are defined by a _ start_ and _ end_ value represented by an ` array ` -- for example: ` [start, end] ` .
45
-
46
- - The _ start_ of an effect begins when the element's original position enters the viewport -- the top of the element enters the bottom of the view.
47
- - The _ end_ of an effect begins when the element's original position exits the viewport -- the bottom of the element exits the top of the view.
48
-
49
44
The following are all props that can be passed to the ` <Parallax> ` component:
50
45
51
46
### Props: Configuration
@@ -63,6 +58,20 @@ The following are all props that can be passed to the `<Parallax>` component:
63
58
64
59
### Props: CSS Effects
65
60
61
+ All props for creating CSS effects are defined by a ** _ start_ ** and ** _ end_ ** value represented by an ` array `
62
+
63
+ ``` jsx
64
+ < Parallax scale= {[start, end]}` />
65
+ ` ` `
66
+
67
+ The ** _start_** of an effect begins when the element' s original position enters the viewport.
68
+
69
+ - The top of the element enters the bottom of the view.
70
+
71
+ The **_end_** of an effect begins when the element' s original position exits the viewport.
72
+
73
+ - the bottom of the element exits the top of the view.
74
+
66
75
| Name | Type | Description |
67
76
| -------------- | : ---------------------- : | ------------------------------------------------------------------------------------------------------------------------------------ - |
68
77
| ** 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. |
You can’t perform that action at this time.
0 commit comments