Skip to content

Instantly share code, notes, and snippets.

@andreliem
Created June 13, 2018 02:57
Show Gist options
  • Save andreliem/bbe9bf56983f39e4a94c259383182660 to your computer and use it in GitHub Desktop.
Save andreliem/bbe9bf56983f39e4a94c259383182660 to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment