Parcourir la source

Added mouseover behavior for nav UI bar

full-screen-logo-homepage
Said Achmiz il y a 6 ans
Parent
révision
305695f9d4
2 fichiers modifiés avec 4 ajouts et 2 suppressions
  1. 1
    2
      assets/css/main.css
  2. 3
    0
      assets/js/script.js

+ 1
- 2
assets/css/main.css Voir le fichier

} }
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 Voir le fichier

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



Chargement…
Annuler
Enregistrer