Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/simon-he95/text-expansion-animation
https://github.com/simon-he95/text-expansion-animation
animation
Last synced: 10 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/simon-he95/text-expansion-animation
- Owner: Simon-He95
- License: mit
- Created: 2023-08-30T02:56:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-05T19:13:33.000Z (7 months ago)
- Last Synced: 2024-04-05T20:26:59.660Z (7 months ago)
- Topics: animation
- Language: Vue
- Homepage: https://text-expansion-animation-playground.netlify.app/
- Size: 151 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: license
Awesome Lists containing this project
README
## text-expansion-animation
文字交融动画组件
## 🧰 安装
```
npm i text-expansion-animation
```
## 👼 使用
```js
import { createApp } from 'vue'
import { TextExpansionAnimation } from 'text-expansion-animation'
import 'text-expansion-animation/style.css'
const app = createApp(App)
app.component('TextExpansionAnimation', TextExpansionAnimation)
app.mount('#app')
```
## 参数
```typescript
{
backgroundColor?: string
color?: string
fontSize?: number
duration?: number
delay?: number
text?: string
}
```
## [examples](https://github.com/Simon-He95/text-expansion-animation/blob/main/playground/src/pages/index.vue)
## License
[MIT](./LICENSE) License © 2022 [Simon He](https://github.com/Simon-He95)
