keyframekit 1.0.4 → 1.0.5
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
|
@@ -28,7 +28,7 @@ import KeyframeKit from 'keyframekit';
|
|
|
28
28
|
|
|
29
29
|
const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
|
|
30
30
|
|
|
31
|
-
// get animation keyframes from
|
|
31
|
+
// get animation keyframes from the document's stylesheets
|
|
32
32
|
const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
|
|
33
33
|
of: 'rotate-small',
|
|
34
34
|
in: documentStyleSheets
|
|
@@ -57,7 +57,7 @@ await attachedAnim.finished;
|
|
|
57
57
|
```
|
|
58
58
|
[...and more.][2]
|
|
59
59
|
|
|
60
|
-
### Importing a
|
|
60
|
+
### Importing animations directly from a CSS file
|
|
61
61
|
|
|
62
62
|
Instead of getting an animation from the document's stylesheets, you can also import it directly from a CSS file.
|
|
63
63
|
|
|
@@ -73,7 +73,7 @@ const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
|
|
|
73
73
|
});
|
|
74
74
|
```
|
|
75
75
|
|
|
76
|
-
> Note:
|
|
76
|
+
> Note: This won't resolve stylesheet `@import` rules. [More info.][3]
|
|
77
77
|
|
|
78
78
|
### Defining animations in JS
|
|
79
79
|
|
|
@@ -9,7 +9,7 @@ const js = `import KeyframeKit from 'keyframekit';
|
|
|
9
9
|
|
|
10
10
|
const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
|
|
11
11
|
|
|
12
|
-
// get animation keyframes from
|
|
12
|
+
// get animation keyframes from the document's stylesheets
|
|
13
13
|
const rotateAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
|
|
14
14
|
of: 'rotate',
|
|
15
15
|
in: documentStyleSheets
|
package/docs/docs/index.md
CHANGED
|
@@ -43,7 +43,7 @@ import KeyframeKit from 'keyframekit';
|
|
|
43
43
|
|
|
44
44
|
const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
|
|
45
45
|
|
|
46
|
-
// get animation keyframes from
|
|
46
|
+
// get animation keyframes from the document's stylesheets
|
|
47
47
|
const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
|
|
48
48
|
of: 'rotate-small',
|
|
49
49
|
in: documentStyleSheets
|
|
@@ -72,7 +72,7 @@ await attachedAnim.finished;
|
|
|
72
72
|
```
|
|
73
73
|
[...and more.][2]
|
|
74
74
|
|
|
75
|
-
### Importing a
|
|
75
|
+
### Importing animations directly from a CSS file
|
|
76
76
|
|
|
77
77
|
Instead of getting an animation from the document's stylesheets, you can also import it directly from a CSS file.
|
|
78
78
|
|
|
@@ -88,7 +88,7 @@ const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
|
|
|
88
88
|
});
|
|
89
89
|
```
|
|
90
90
|
|
|
91
|
-
> Note:
|
|
91
|
+
> Note: This won't resolve stylesheet `@import` rules. [More info.][3]
|
|
92
92
|
|
|
93
93
|
### Defining animations in JS
|
|
94
94
|
|