title: Vuetify transitions: How to set the transition speed
body: <p>I have an <code>&lt;audioplayer&gt;</code> component  that I would like to be displayed slowly sliding from the bottom of a parent component.</p>
  
  <p>I defined it inside <code>&lt;v-slide-y-transition&gt;</code>, but how I can make it slide slowly from the bottom? I cannot find any attributes to be defined for the <code>&lt;v-slide-y-transition&gt;</code> Vuetify component.</p>
  
  <pre><code>&lt;v-parallax src="img/hero.jpeg"&gt;
    &lt;v-layout column align-center justify-center&gt;
      &lt;img src="@/assets/images/logo.png" height="200"&gt;
      &lt;h1 class="mb-2 display-1 text-xs-center"&gt;HEADER 1&lt;/h1&gt;
      &lt;h2 class="mb-2 display-1 text-xs-center"&gt;HEADER 2&lt;/h2&gt;
      &lt;div class="subheading mb-3 text-xs-center"&gt;SUB-HEADER&lt;/div&gt;
      &lt;v-btn round @click="switchAudioPlayer()" large href="#"&gt;LISTEN&lt;/v-btn&gt;
      &lt;v-slide-y-transition&gt;
        &lt;audioplayer id="audioplayer" v-if="listening" v-show="showAudioPlayer" :autoPlay="autoPlay" :file="audioFile" :canPlay="audioReady" :ended="switchAudioPlayer"&gt;&lt;/audioplayer&gt;
      &lt;/v-slide-y-transition&gt;
   &lt;/v-layout&gt;
  &lt;/v-parallax&gt;
  </code></pre>