Ease your TopBar dropdown menus


One if the nicest things to add a little polish to your site is to add a subtle ease transition to the Top Bar dropdown menus. Here is how to do it with just a few lines of CSS in your site wide code.

` .top-bar-section ul li.has-dropdown .dropdown { display:block; visibility: hidden; opacity: 0 ; }

.top-bar-section ul li.has-dropdown:hover > .dropdown { visibility: visible; opacity: 1; transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; }`

Deal of the Week

Latest Updates

Latest Live Stream

First look at Ahrefs Webmaster Tools

Latest Design

HANGOUTS

Next Hangout Session
Friday, March 21

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf