anim-3d-obj 1.1.66 → 1.1.68

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.
package/README.md CHANGED
@@ -17,7 +17,7 @@ The program does the leg work with regard to calculating translationZ depth and
17
17
  Animations are optional. Either or both of `anim1Specs` or `anim2Specs` can be applied to the object.
18
18
 
19
19
  ```typescript
20
- const anim1Specs: object = {
20
+ const anim1 = {
21
21
  border: "", // while testing reveal the animation wrapper
22
22
  degreesHi: -45, // degrees if spin
23
23
  degreesLow: 45, // degrees if spin
@@ -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);
@@ -116,8 +116,8 @@ const allAnims = (props) => {
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);
@@ -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);
@@ -113,8 +113,8 @@ export const allAnims = (props) => {
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);
package/package.json CHANGED
@@ -1,5 +1,7 @@
1
1
 
2
2
 
3
+
4
+
3
5
  {
4
6
  "name": "anim-3d-obj",
5
7
  "repository": {
@@ -7,7 +9,7 @@
7
9
  "url": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git"
8
10
  },
9
11
  "homepage": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git",
10
- "version": "1.1.66",
12
+ "version": "1.1.68",
11
13
  "description": "React library for creating 3D objects quickly. Also these objects can be animated",
12
14
  "main": "dist/cjs/index.js",
13
15
  "module": "dist/esm/index.js",