☰

Transparent Navigation Bar

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

As of 2021-04-22. See the latest version.

Author
ShingZhanho
Ratings
0 0 0
Version
0.1
Created
2021-04-22
Updated
2021-04-22
Size
3.49 KB
License
N/A
Applies to
All sites

transparent-nav.js

Official site: GitHub

What does this do?

This scipt will make websites' navigation bars transparent and look like acrylic, just like the one you may see on apple.com.

How does it work?

The script will try to match the website you visit. If it is supported, the script will try to search for the nav bar and do transformation. If you find some websites unsupported, you may suggest that on the official site.

Compatibility

The transparent effect relies on the backdrop-filter css propery, thus, the script will only work with browsers which supports that property.