Transparent Navigation Bar

Transform supported site's navigation bar into an acrylic nav bar.

Versione datata 22/04/2021. Vedi la nuova versione l'ultima versione.

Installa questo script ?

Fai una domanda, pubblica una recensione, oppure segnala lo script.

Autore: ShingZhanho
Valutazione: 0 0 0
Versione: 0.1.0.2
Creato il: 22/04/2021
Aggiornato il: 22/04/2021
Dimensione: 3,9 KB
Licenza: Non disponibile
Applica a: Tutti i siti

transparent-nav.js

What is this?

A tampermonkey user script which generates webpages' navigation bar to acrylic-material.

How to use?

To use user scripts, you will need a browser extension that executes GreasyFork scripts. These are the common extensions for different browsers:
- Chrome - Tampermonkey.
- Firefox - Tampermonkey or Greasemonkey.
- Opera - Tampermonkey or Violent Monkey.
- Safari - Tampermonkey.
Once you installed the extension, you can click here to install this user script. Make sure you enable the script so that the script can run on different websites.
Encounters problems? Don't hesitate to ask on the discussion page!

Showcase

Compatibility

The transparent effects rely on the backdrop-filter property of css. Thus, your browser need to support that property. Please note that Firefox does not support backdrop-filter by default, you may need to enable that option manually.

Supported Websites

Here are the supported websites of this script:

Website Name	URL	Remarks
Cambridge Dictionary	`dictionary.cambridge.org`
Google Classroom	`classroom.google.com`
Google Search	`www.google.*/search`	This applies to all area's Google search, i.e. `www.google.co.uk`, `www.google.com.hk` etc.
UK Royal Family Website	`www.royal.uk`
W3Schools	`www.w3schools.com`
YouTube	`www.youtube.com`