You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Let's **get started** by **installing** the **package** and adding the **plugin**.
23
+
Let's get started by installing the package and adding the plugin.
24
24
25
-
From your **terminal**:
25
+
From your terminal:
26
26
27
27
```bash
28
28
yarn add @vueuse/motion
29
29
```
30
30
31
-
In your **Vue** app **entry** file:
31
+
In your Vue app entry file:
32
32
33
33
```javascript
34
34
import { createApp } from'vue'
@@ -42,7 +42,7 @@ app.use(MotionPlugin)
42
42
app.mount('#app')
43
43
```
44
44
45
-
You can now **animate** any of your **component**, **HTML** or **SVG** elements using `v-motion`.
45
+
You can now animate any of your component, HTML or SVG elements using `v-motion`.
46
46
47
47
```vue
48
48
<template>
@@ -60,24 +60,24 @@ You can now **animate** any of your **component**, **HTML** or **SVG** elements
60
60
</template>
61
61
```
62
62
63
-
To see more about how to use **directives**, check out [**Directive Usage**](https://motion.vueuse.org/features/directive-usage).
63
+
To see more about how to use directives, check out [Directive Usage](https://motion.vueuse.org/features/directive-usage).
64
64
65
-
To see more about what **properties** you can **animate**, check out [**Motion Properties**](https://motion.vueuse.org/features/motion-properties).
65
+
To see more about what properties you can animate, check out [Motion Properties](https://motion.vueuse.org/features/motion-properties).
66
66
67
-
To see more about how to **create** your own **animation** styles, check out [**Transition Properties**](https://motion.vueuse.org/features/transition-properties).
67
+
To see more about how to create your own animation styles, check out [Transition Properties](https://motion.vueuse.org/features/transition-properties).
68
68
69
-
To see more about what are **variants** and how you can **use** them, check out [**Variants**](https://motion.vueuse.org/features/variants).
69
+
To see more about what are variants and how you can use them, check out [Variants](https://motion.vueuse.org/features/variants).
70
70
71
-
To see more about how to **control** your declared **variants**, check out [**Motion Instance**](https://motion.vueuse.org/features/motion-instance).
71
+
To see more about how to control your declared variants, check out [Motion Instance](https://motion.vueuse.org/features/motion-instance).
72
72
73
73
## Credits
74
74
75
-
This package is **heavily** inspired by [**Framer Motion**](https://www.framer.com/motion/) by [**https://twitter.com/mattgperry**].
75
+
This package is heavily inspired by [Framer Motion](https://www.framer.com/motion/) by https://twitter.com/.
76
76
77
77
If you are interested in using [WAAPI](https://developer.mozilla.org/fr/docs/Web/API/Web_Animations_API), check out [Motion.dev](https://motion.dev/)!
78
78
79
-
I would also like to **thank**[**antfu**](https://github.com/antfu), [**patak-dev**](https://github.com/patak-dev) and [**kazupon**](https://github.com/kazupon) for their kind help!
79
+
I would also like to thank[antfu](https://github.com/antfu), [patak-dev](https://github.com/patak-dev) and [kazupon](https://github.com/kazupon) for their kind help!
80
80
81
-
If you **like** this package, consider **following me** on [**GitHub**](https://github.com/Tahul) and on [**Twitter**](https://twitter.com/yaeeelglx).
81
+
If you like this package, consider following me on [GitHub](https://github.com/Tahul) and on [Twitter](https://twitter.com/yaeeelglx).
0 commit comments