atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

[ REFACT ] : BlurText Text Animation

Browse Source
This commit is contained in:
Utkarsh-Singhal-26
2026-01-31 22:58:03 +05:30
parent d312302823
commit 101dde4c6d
3 changed files with 110 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/constants/code/TextAnimations/blurTextCode.ts
View File

@@ -1,18 +1,15 @@
import code from '@content/TextAnimations/BlurText/BlurText.vue?raw';
import { createCodeObject } from '@/types/code';
import code from '@content/TextAnimations/BlurText/BlurText.vue?raw';
export const blurText = createCodeObject(code, 'TextAnimations/BlurText', {
installation: `npm install motion-v`,
usage: `<template>
<BlurText
text="Isn't this so cool?!"
:delay="200"
class-name="text-2xl font-semibold text-center"
animate-by="words"
direction="top"
:threshold="0.1"
root-margin="0px"
:step-duration="0.35"
:delay="200"
class-name="text-2xl font-semibold text-center"
@animation-complete="handleAnimationComplete"
/>
</template>