Bladeren bron

Added mouseover behavior for nav UI bar

full-screen-logo-homepage
Said Achmiz 6 jaren geleden
bovenliggende
commit
305695f9d4
2 gewijzigde bestanden met toevoegingen van 4 en 2 verwijderingen
  1. 1
    2
      assets/css/main.css
  2. 3
    0
      assets/js/script.js

+ 1
- 2
assets/css/main.css Bestand weergeven

} }
main nav.translucent-on-scroll { main nav.translucent-on-scroll {
opacity: 0.6; opacity: 0.6;
filter: blur(2px);
pointer-events: none;
filter: blur(1px);
} }


main nav a { main nav a {

+ 3
- 0
assets/js/script.js Bestand weergeven

"siteNavUI": queryAll(GW.siteNavUISelector), "siteNavUI": queryAll(GW.siteNavUISelector),
}; };
addScrollListener(updateSiteNavUIState, "updateSiteNavUIStateScrollListener"); addScrollListener(updateSiteNavUIState, "updateSiteNavUIStateScrollListener");
GW.scrollState.siteNavUI.forEach(element => {
element.addEventListener("mouseover", () => { showSiteNavUI(); });
});
}); });



Laden…
Annuleren
Opslaan