This repository was archived by the owner on Aug 26, 2024. It is now read-only.
File tree 4 files changed +39
-23
lines changed
4 files changed +39
-23
lines changed Original file line number Diff line number Diff line change 1
- node_modules
1
+ node_modules
2
+ .DS_Store
Original file line number Diff line number Diff line change
1
+ <!-- latest changes are to be added to the top of the file, not the bottom -->
2
+ ### v0.0.2 #4
3
+ - Add new animations:
4
+ - rotate
5
+ - swirl
6
+ - flip-x
7
+ - scale-in
8
+ - roll-in-left
9
+ - tilt-in
10
+ - Updated demo site
11
+ - Updated contribution guide
12
+ ### v0.0.1
13
+ - Added first set of animations
Original file line number Diff line number Diff line change
1
+ ### CONTRIBUTION
2
+ After creating a fork and cloning locally:
3
+
4
+ 1 . Install dependencies in the root(` / ` ) directory with: ` npm install `
5
+ 2 . Install dependencies in the ` /demo ` directory with ` cd demo && npm install `
6
+ 3 . Open two terminal tabs, In the first run: ` npm run watch ` and in the second run: ` npm run develop `
7
+ 4 . Edit/Create the css files in ` /src ` folder in the root dir to add new classes.
8
+ 5 . Open the ` /demo/src/assets/animations.js ` file and add details about the newly added animation. eg:
9
+ ``` js
10
+ // in /demo/src/assets/animations.js
11
+ export default [
12
+ ...
13
+ {
14
+ name: ' Fade' , // the title of the animation to display on the demo page
15
+ class: ' fade' , // the value that will set to the name prop of the transition wrapper
16
+ }
17
+ ...
18
+ ]
19
+ ```
20
+
21
+ #### Notes
22
+ * When working on your own fork, be sure to create a new branch and work on.
23
+ * When submitting a PR, be sure to submit to the ` develop ` branch. PRs to ` master ` will be closed please.
Original file line number Diff line number Diff line change 1
1
# vue-transitions-css
2
2
A lightweight CSS library for for adding transitions to Vue components :star :
3
3
4
- [ Demo] ( https://vue-transitions-css.netlify.app/ ) | [ Contribution] ( #contribution )
4
+ [ Demo] ( https://vue-transitions-css.netlify.app/ ) | [ Contribution] ( ./CONTRIBUTION.md ) | [ Changelog ] ( ./CHANGELOG.md )
5
5
6
6
## USAGE
7
7
Installation via NPM:
@@ -24,24 +24,3 @@ In any `.vue` file:
24
24
<Content v-if =" show" />
25
25
</transition >
26
26
```
27
-
28
-
29
- ### CONTRIBUTION
30
- After creating a fork and cloning locally:
31
-
32
- 1 . Install dependencies in the root(` / ` ) directory with: ` npm install `
33
- 2 . Install dependencies in the ` /demo ` directory with ` cd demo && npm install `
34
- 3 . Open two terminal tabs, In the first run: ` npm run watch ` and in the second run: ` npm run develop `
35
- 4 . Edit/Create the css files in ` /src ` folder in the root dir to add new classes.
36
- 5 . Open the ` /demo/src/assets/animations.js ` file and add details about the newly added animation. eg:
37
- ``` js
38
- // in /demo/src/assets/animations.js
39
- export default [
40
- ...
41
- {
42
- name: ' Fade' , // the title of the animation to display on the demo page
43
- class: ' fade' , // the value that will set to the name prop of the transition wrapper
44
- }
45
- ...
46
- ]
47
- ```
You can’t perform that action at this time.
0 commit comments