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
|
|
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(
|
|
83
|
-
transform: rotateX(
|
|
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(
|
|
120
|
-
transform: rotateY(
|
|
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(
|
|
139
|
-
transform: rotateY(
|
|
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(
|
|
80
|
-
transform: rotateX(
|
|
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(
|
|
117
|
-
transform: rotateY(
|
|
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(
|
|
136
|
-
transform: rotateY(
|
|
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.
|
|
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",
|