Vue Reveal Effect

!npm

!vue-reveal-effect

🌈 Demo

- https://huodoushigemi.github.io/vue-reveal-effect/

🚀 Requirements

- Chorme 76+
- Vue 3+

⚙️ Installation

``coffeescript
npm i -S vue-reveal-effect
`

🦄 Use in JS

`html

REVEAL EFFECT

REVEAL EFFECT

REVEAL EFFECT

`

🦄 Use in Vue

`js
import { createApp } from 'vue'
import VueRevealEffect from 'vue-reveal-effect'

createApp(App).use(VueRevealEffect).mount('#app')
`

`html



`

📄 Props

| Name | Type | Default | Description |
| ------------------ | ------------------- | ------- | -------------------------- |
| borderWidth | MaybeRef | 1 | |
| borderColor | MaybeRef | | |
| borderGradientSize | MaybeRef | 100 | |
| bgColor | MaybeRef | | |
| bgGradientSize | MaybeRef | 130 | |
| clickEffect | MaybeRef | true | Enable ripple click effect |
| light | MaybeRef | | |
| disabled | MaybeRef | false | |

☹ Not Supported

- ❌ border-radius attribute of css is not supported
- ❌ ` tag of html is not supported

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

👏 Contributing

If you have any questions or requests or want to contribute, please write the issue or give me a Pull Request freely.