SHARE
TWEET

Dropdown menu CSS

a guest Sep 22nd, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*-- Dropdown navbar --*/
  2. .navpregen{
  3.   display: none;
  4. }
  5.  
  6. .mrd-dropdown-nav{
  7.   position: sticky;
  8.   top: 0;
  9.   left: 0;
  10.   padding: 1rem;
  11.   width: 100vw;
  12.   text-align: center;
  13. }
  14. ul.menu-out, ul.menu-in{
  15.   margin: 0;
  16.   padding: 0;
  17.   list-style: none;
  18. }
  19. ul.menu-out{
  20.   display: flex;
  21.   justify-content: center;
  22.   align-items: center;
  23. }
  24. ul.menu-out li{
  25.   padding:0 15px;
  26. }
  27. .mrd-dropdown-nav ul.menu-in{
  28.   position:absolute;
  29.   opacity:0;
  30.   visibility:hidden;
  31.   transition: all .5s;
  32. }
  33.  
  34. .mrd-dropdown-nav li:hover ul.menu-in{
  35.   opacity: 1;
  36.   visibility: visible;
  37. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top