gistfile1.txt

<transition name="slide-fade">
  <div class="w4 mt1" v-if="showDropDown">
    <ul class="menu list pl0 pa0 ma0">
      <li v-for="link in links" class="list">
        <a href="#" class="dd-link pointer hover-bg-moon-gray">{{link.name}}</a>
      </li>
    </ul>
  </div>
</transition>
<style type="text/less">
.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .2s ease;
}
.slide-fade-enter { 
  transform: translateY(-50px);
  opacity: 0;
}
.slide-fade-leave-to {
 transform: translateY(-50px);
  opacity: 0; 
}
</style>