Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Need help with creating a FireFox 78 titlebar hover event in CSS

  • Geen antwoorde nie
  • 1 het hierdie probleem
  • 2 views
jtlpa
jtlpa
more options 
@-moz-document url("chrome://browser/content/browser.xul"),
               url("chrome://browser/content/browser.xhtml") }
/* Need to replace #main-window:not(:hover) with hover title bar event */
#navigator-toolbox {
  max-height: 0;
  overflow: hidden;
  transition: ease all 1s;
}
#main-window:not(:hover) #navigator-toolbox, #navigator-toolbox:hover {
  max-height: 100vh;
  animation: 5s pop-in;
  animation-fill-mode: both;
  animation-delay: 0s;
}
@keyframes pop-in {
  from {overflow: hidden}
  to {overflow: unset}
}
<pre><nowiki>@-moz-document url("chrome://browser/content/browser.xul"), url("chrome://browser/content/browser.xhtml") } /* Need to replace #main-window:not(:hover) with hover title bar event */ #navigator-toolbox { max-height: 0; overflow: hidden; transition: ease all 1s; } #main-window:not(:hover) #navigator-toolbox, #navigator-toolbox:hover { max-height: 100vh; animation: 5s pop-in; animation-fill-mode: both; animation-delay: 0s; } @keyframes pop-in { from {overflow: hidden} to {overflow: unset} }</nowiki></pre>

Gewysig op deur cor-el