CODEWITHSUNDEEP
vue.jscss-transitionsvuetify.js
ierdna
ierdna

Reputation: 6293

Speed up Vuetify.JS transitions

Is it possible to speed up Vuetify transitions? I found this page to customize transitions somewhat but it says nothing about the time/speed of the animations. I'd like to reduce animation time to about 0.2s.

Does anyone have any ideas as to how?

Upvotes: 4

Views: 3479

Answers (1)

Stephan-v
Stephan-v

Reputation: 20319

It looks like the animation speed is simply defined in the CSS files:

https://github.com/vuetifyjs/vuetify/blob/dev/src/stylus/components/_menus.styl

Just by taking a look at this you can see transition properties like these:

transition: .3s $transition.swing

Just override the transition-duration and you should be able to see the speed for the animations.

Upvotes: 2

Related Questions