Movimiento
Las animaciones suaves ayudan a que una UI se sienta genial. Al utilizar el sistema de transiciones y los componentes funcionales reusables de Vue puedes controlar fácilmente el movimiento de tu aplicación. Puedes modificar la mayoría de las transiciones de tus componentes a través de la propiedad transition.
API
Framework.Transitions.
Framework.Transitions.
Framework.Transitions.
Framework.Transitions.
Framework.Transitions.
Ejemplos
Slide X transitions
Slide x transitions move along the horizontal axis.
Slide Y transitions
Animations use the application's $primary-transition.
Scale transition
Many of Vuetify's components contain a transition prop which allows you to specify your own.
Fade transition
Another example of the fade transition can be found on the Carousel component.
Expand transition
The expand transition is used in Expansion Panels and List Groups. There is also a horizonal version available with v-expand-x-transition.
Custom Origin
Programmatically control the transition origin with a simple prop.
Todo list
Using multiple custom transitions, it is easy to bring a simple todo list to life!
Crea una propia
Puedes utilizar la función auxiliar transition de Vuetify para crear fácilmente tus propias transiciones personalizadas. Utilizando una opción componente funcional se asegurará de que tu transición es tan eficiente como sea posible. Simplemente importa la función:
La función createSimpleTransition toma 1 argumento: name. Este será el nombre al que puedes ligar tu estilo. Aquí un ejemplo de cómo se ve v-fade-transition: