We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
Currently this is how you would want to create a baked text-split animation to translate lines from the bottom:
<h1 v-split-animate="{ baked: true, options: { splitBy: 'lines', animationOptions: { translate: true }, }, }" > Nuxt is so cool </h1>
This is a lot to do just one thing. Code often gets longer and verbose.
Apply the settings to the directive name itself, for example:
<h1 v-text-animate-baked-lines="{ translate: true, opacity: 'out' }"> Nuxt is so cool </h1>
Furthermore, we can have multiple entry types for values:
<h1 v-text-animate-baked-lines="['translate', { opacity: 'out' }]"> Nuxt is so cool </h1>
The text was updated successfully, but these errors were encountered:
feat(directives): add new directives (#6)
c0aac41
Closed with v1.0.0-beta.0.
Sorry, something went wrong.
StevenJPx2
No branches or pull requests
Description
Currently this is how you would want to create a baked text-split animation to translate lines from the bottom:
This is a lot to do just one thing. Code often gets longer and verbose.
Solution
Apply the settings to the directive name itself, for example:
Furthermore, we can have multiple entry types for values:
Implementation details
The text was updated successfully, but these errors were encountered: