anim-3d-obj 1.1.67 → 1.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/components/styles/Anims.js +30 -30
  2. package/dist/esm/components/styles/Anims.js +30 -30
  3. package/package.json +3 -1
package/dist/cjs/components/styles/Anims.js CHANGED
@@ -79,8 +79,8 @@ const allAnims = (props) => {
79
79
  /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
80
80
  const fwdx09 = (0, styled_components_1.keyframes) `
81
81
  from {
82
- -webkit-transform: rotateX(360deg);
83
- transform: rotateX(360deg);
82
+ -webkit-transform: rotateX(0deg);
83
+ transform: rotateX(0deg);
84
84
  }
85
85
  to {
86
86
  -webkit-transform: rotateX(90deg);
@@ -88,36 +88,36 @@ const allAnims = (props) => {
88
88
  }`;
89
89
  const fwdx918 = (0, styled_components_1.keyframes) `
90
90
  from {
91
- -webkit-transform: rotateX(-90deg);
92
- transform: rotateX(-90deg);
91
+ -webkit-transform: rotateX(90deg);
92
+ transform: rotateX(90deg);
93
93
  }
94
94
  to {
95
- -webkit-transform: rotateX(-180deg);
96
- transform: rotateX(-180deg);
95
+ -webkit-transform: rotateX(180deg);
96
+ transform: rotateX(180deg);
97
97
  }`;
98
98
  const fwdx1827 = (0, styled_components_1.keyframes) `
99
99
  from {
100
- -webkit-transform: rotateX(-180deg);
101
- transform: rotateX(-180deg);
100
+ -webkit-transform: rotateX(180deg);
101
+ transform: rotateX(180deg);
102
102
  }
103
103
  to {
104
- -webkit-transform: rotateX(-270deg);
105
- transform: rotateX(-270deg);
104
+ -webkit-transform: rotateX(270deg);
105
+ transform: rotateX(270deg);
106
106
  }`;
107
107
  const fwdx2736 = (0, styled_components_1.keyframes) `
108
108
  from {
109
- -webkit-transform: rotateX(-270deg);
110
- transform: rotateX(-270deg);
109
+ -webkit-transform: rotateX(270deg);
110
+ transform: rotateX(270deg);
111
111
  }
112
112
  to {
113
- -webkit-transform: rotateX(-360deg);
114
- transform: rotateX(-360deg);
113
+ -webkit-transform: rotateX(360deg);
114
+ transform: rotateX(360deg);
115
115
  }`;
116
116
  /* ============================== y-axis 0-180 >180 - 360 */
117
117
  const fwdy018 = (0, styled_components_1.keyframes) `
118
118
  from {
119
- -webkit-transform: rotateY(360deg);
120
- transform: rotateY(360deg);
119
+ -webkit-transform: rotateY(0deg);
120
+ transform: rotateY(0deg);
121
121
  }
122
122
  to {
123
123
  -webkit-transform: rotateY(180deg);
@@ -135,8 +135,8 @@ const allAnims = (props) => {
135
135
  /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
136
136
  const fwdy09 = (0, styled_components_1.keyframes) `
137
137
  from {
138
- -webkit-transform: rotateY(360deg);
139
- transform: rotateY(360deg);
138
+ -webkit-transform: rotateY(0deg);
139
+ transform: rotateY(0deg);
140
140
  }
141
141
  to {
142
142
  -webkit-transform: rotateY(90deg);
@@ -144,30 +144,30 @@ const allAnims = (props) => {
144
144
  }`;
145
145
  const fwdy918 = (0, styled_components_1.keyframes) `
146
146
  from {
147
- -webkit-transform: rotateY(-90deg);
148
- transform: rotateY(-90deg);
147
+ -webkit-transform: rotateY(90deg);
148
+ transform: rotateY(90deg);
149
149
  }
150
150
  to {
151
- -webkit-transform: rotateY(-180deg);
152
- transform: rotateY(-180deg);
151
+ -webkit-transform: rotateY(180deg);
152
+ transform: rotateY(180deg);
153
153
  }`;
154
154
  const fwdy1827 = (0, styled_components_1.keyframes) `
155
155
  from {
156
- -webkit-transform: rotateY(-180deg);
157
- transform: rotateY(-180deg);
156
+ -webkit-transform: rotateY(180deg);
157
+ transform: rotateY(180deg);
158
158
  }
159
159
  to {
160
- -webkit-transform: rotateY(-270deg);
161
- transform: rotateY(-270deg);
160
+ -webkit-transform: rotateY(270deg);
161
+ transform: rotateY(270deg);
162
162
  }`;
163
163
  const fwdy2736 = (0, styled_components_1.keyframes) `
164
164
  from {
165
- -webkit-transform: rotateY(-270deg);
166
- transform: rotateY(-270deg);
165
+ -webkit-transform: rotateY(270deg);
166
+ transform: rotateY(270deg);
167
167
  }
168
168
  to {
169
- -webkit-transform: rotateY(-360deg);
170
- transform: rotateY(-360deg);
169
+ -webkit-transform: rotateY(360deg);
170
+ transform: rotateY(360deg);
171
171
  }`;
172
172
  /* ============================= floating */
173
173
  const floatX = (0, styled_components_1.keyframes) `
package/dist/esm/components/styles/Anims.js CHANGED
@@ -76,8 +76,8 @@ export const allAnims = (props) => {
76
76
  /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
77
77
  const fwdx09 = keyframes `
78
78
  from {
79
- -webkit-transform: rotateX(360deg);
80
- transform: rotateX(360deg);
79
+ -webkit-transform: rotateX(0deg);
80
+ transform: rotateX(0deg);
81
81
  }
82
82
  to {
83
83
  -webkit-transform: rotateX(90deg);
@@ -85,36 +85,36 @@ export const allAnims = (props) => {
85
85
  }`;
86
86
  const fwdx918 = keyframes `
87
87
  from {
88
- -webkit-transform: rotateX(-90deg);
89
- transform: rotateX(-90deg);
88
+ -webkit-transform: rotateX(90deg);
89
+ transform: rotateX(90deg);
90
90
  }
91
91
  to {
92
- -webkit-transform: rotateX(-180deg);
93
- transform: rotateX(-180deg);
92
+ -webkit-transform: rotateX(180deg);
93
+ transform: rotateX(180deg);
94
94
  }`;
95
95
  const fwdx1827 = keyframes `
96
96
  from {
97
- -webkit-transform: rotateX(-180deg);
98
- transform: rotateX(-180deg);
97
+ -webkit-transform: rotateX(180deg);
98
+ transform: rotateX(180deg);
99
99
  }
100
100
  to {
101
- -webkit-transform: rotateX(-270deg);
102
- transform: rotateX(-270deg);
101
+ -webkit-transform: rotateX(270deg);
102
+ transform: rotateX(270deg);
103
103
  }`;
104
104
  const fwdx2736 = keyframes `
105
105
  from {
106
- -webkit-transform: rotateX(-270deg);
107
- transform: rotateX(-270deg);
106
+ -webkit-transform: rotateX(270deg);
107
+ transform: rotateX(270deg);
108
108
  }
109
109
  to {
110
- -webkit-transform: rotateX(-360deg);
111
- transform: rotateX(-360deg);
110
+ -webkit-transform: rotateX(360deg);
111
+ transform: rotateX(360deg);
112
112
  }`;
113
113
  /* ============================== y-axis 0-180 >180 - 360 */
114
114
  const fwdy018 = keyframes `
115
115
  from {
116
- -webkit-transform: rotateY(360deg);
117
- transform: rotateY(360deg);
116
+ -webkit-transform: rotateY(0deg);
117
+ transform: rotateY(0deg);
118
118
  }
119
119
  to {
120
120
  -webkit-transform: rotateY(180deg);
@@ -132,8 +132,8 @@ export const allAnims = (props) => {
132
132
  /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
133
133
  const fwdy09 = keyframes `
134
134
  from {
135
- -webkit-transform: rotateY(360deg);
136
- transform: rotateY(360deg);
135
+ -webkit-transform: rotateY(0deg);
136
+ transform: rotateY(0deg);
137
137
  }
138
138
  to {
139
139
  -webkit-transform: rotateY(90deg);
@@ -141,30 +141,30 @@ export const allAnims = (props) => {
141
141
  }`;
142
142
  const fwdy918 = keyframes `
143
143
  from {
144
- -webkit-transform: rotateY(-90deg);
145
- transform: rotateY(-90deg);
144
+ -webkit-transform: rotateY(90deg);
145
+ transform: rotateY(90deg);
146
146
  }
147
147
  to {
148
- -webkit-transform: rotateY(-180deg);
149
- transform: rotateY(-180deg);
148
+ -webkit-transform: rotateY(180deg);
149
+ transform: rotateY(180deg);
150
150
  }`;
151
151
  const fwdy1827 = keyframes `
152
152
  from {
153
- -webkit-transform: rotateY(-180deg);
154
- transform: rotateY(-180deg);
153
+ -webkit-transform: rotateY(180deg);
154
+ transform: rotateY(180deg);
155
155
  }
156
156
  to {
157
- -webkit-transform: rotateY(-270deg);
158
- transform: rotateY(-270deg);
157
+ -webkit-transform: rotateY(270deg);
158
+ transform: rotateY(270deg);
159
159
  }`;
160
160
  const fwdy2736 = keyframes `
161
161
  from {
162
- -webkit-transform: rotateY(-270deg);
163
- transform: rotateY(-270deg);
162
+ -webkit-transform: rotateY(270deg);
163
+ transform: rotateY(270deg);
164
164
  }
165
165
  to {
166
- -webkit-transform: rotateY(-360deg);
167
- transform: rotateY(-360deg);
166
+ -webkit-transform: rotateY(360deg);
167
+ transform: rotateY(360deg);
168
168
  }`;
169
169
  /* ============================= floating */
170
170
  const floatX = keyframes `
package/package.json CHANGED
@@ -1,6 +1,8 @@
1
1
 
2
2
 
3
3
 
4
+
5
+
4
6
  {
5
7
  "name": "anim-3d-obj",
6
8
  "repository": {
@@ -8,7 +10,7 @@
8
10
  "url": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git"
9
11
  },
10
12
  "homepage": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git",
11
- "version": "1.1.67",
13
+ "version": "1.1.69",
12
14
  "description": "React library for creating 3D objects quickly. Also these objects can be animated",
13
15
  "main": "dist/cjs/index.js",
14
16
  "module": "dist/esm/index.js",