title: Add easing transition to top-bar dropdown menu in Foundation 5
body: <p>I'm new in using Foundation 5. I'm having difficulties putting transition effects to my top-bar dropdown menu. I can't find which part to put a transition effect. I found one solution that applied to Foundation 4 and tried it to Foundation 5 but it didn't make any effects. Can someone point me which CSS rule for the top-bar dropdown menu should I override.</p>
  
  <p>The following is the code that I tried to put in one of the CSS rule for the dropdown menu. It is the solution that I found:</p>
  
  <pre><code>.top-bar-section .dropdown {
      display:block;
      visibility: hidden;
      opacity: 0;
  }
  .top-bar-section .has-dropdown.hover &gt; .dropdown, .top-bar-section .has-dropdown.not-click:hover &gt; .dropdown {
  visibility: visible;
  opacity: 1;
  }
  </code></pre>
  
  <p>I hope someone could help me. Thank you very much.</p>