Hyper Text
A hyper changing text animation as you hover..
API
Prop Name | Type | Default | Description |
---|---|---|---|
class | string | "" | Additional CSS classes to apply to the component. |
text | string | Required | Text to animate |
duration | number | 800 | The total duration (in milliseconds) for the entire animation. |
animateOnLoad | boolean | true | Play animation on load |
Component Code
You can copy and paste the following code to create this component:
HyperText.vue
Credits
- Inspired by Magic UI's Hyper Text component.
- Credits to Prem for porting this component.