[Vuejs]-Vue js how to animate component display from top to bottom

by

0👍

  <div style="margin-top: 50px;">
    <slide-y-up-transition>
    <RedExperience v-show="img1"  />
    </slide-y-up-transition>
    <slide-y-up-transition>
      <OrangeExperience v-show="img2" />
    </slide-y-up-transition>
    <slide-y-up-transition>
      <GreenExperience v-show="img4" />
    </slide-y-up-transition>
    <slide-y-up-transition>
      <BlueExperience v-show="img3" />
    </slide-y-up-transition>
  </div>

import {SlideYUpTransition} from 'vue2-transitions'
  components: {SlideYUpTransition},

Leave a comment